SVG e Canvas são complementares, não concorrentes entre si: enquanto o SVG é um padrão para criação de gráficos vetoriais, o Canvas é uma API Javascript, parte da especificação HTML5, para representação de imagens em 2D e 3D (WebGL, ainda experimental). Como ambas lidam com imagens, é natural surgir a dúvida sobre qual delas utilizar para um projeto. A resposta é a mesma que sempre norteia projetos web, ou seja, depende do objetivo do projeto. No caso do Canvas, por exemplo, pelo fato de criar imagens "programaticamente", é mais aconselhada para jogos e animações. Já o SVG é mais indicado para interfaces animadas e plotagem de dados, por permitir diversas resoluções na edição de imagens de uso vetorial.
Quem explica as diferenças e usos é Ricardo Silva, desenvolvedor Java e Python na Gonow Tecnologia, em sua palestra "Gráficos na Web com SVG e Canvas", no SampaJS.
Ricardo apresentou as bibliotecas mais utilizadas e fez uma demonstração do código para cada uma delas.
Link to this comment:
All Comments (0)