Este artigo apresenta principalmente o tutorial introdutório para o uso de HTML5 para desenhar gráficos vetoriais SVG, incluindo desenhar gráficos básicos e efeitos simples de gradiente. Observe que o apoio da versão antiga do IE não é bom. Amigos que precisam podem se referir a ele.
O VG representa gráficos vetoriais escaláveis, um idioma usado para descrever gráficos 2D, e os aplicativos gráficos são gravados em XML, que são apresentados por um programa SVG Reader.
O SVG é usado principalmente para gráficos do tipo vetorial, como gráficos de pizza, gráficos bidimensionais em sistemas de coordenadas x, y, etc.
O SVG se tornou o padrão W3C recomendado em 14 de janeiro de 2003 e você pode visualizar a versão mais recente da especificação SVG na página de especificação SVG.
Veja os arquivos SVGA maioria dos navegadores da Web pode exibir SVGs, assim como podem exibir gráficos PNG, GIF e JPG. Os usuários do IE podem precisar instalar o Adobe SVG Reader para poder visualizar o SVG em seu navegador.
Incorpore SVG em html5
O HTML5 nos permite incorporar SVG diretamente usando a tag __ <svg> ... </svg>. A seguir, é a sintaxe simples:
Código XML/HTML Copito de Conteúdo para a área de transferência