Uma visão rápida sobre Canvas e SVG para desenhar gráficos e formas
Quando falamos em gráficos no HTML, dois nomes aparecem bastante: Canvas e SVG.
Os dois servem para desenhar, mas funcionam de jeitos diferentes.
O <canvas> cria uma área de desenho.
Carregando...Normalmente ele é usado junto com JavaScript para desenhar linhas, formas e animações.
O SVG representa formas como elementos vetoriais.
Carregando...canvas funciona como uma área de pintura;svg funciona como elementos gráficos declarados no próprio HTML.Se a página precisar de desenho simples, ícones vetoriais ou gráficos básicos, esses recursos podem aparecer.
Mas, para começar em HTML, basta saber que eles existem e entender a ideia geral. Sem querer abraçar o planetário inteiro na primeira noite.