Cet article présente principalement le tutoriel d'introduction à l'utilisation de HTML5 pour dessiner des graphiques vectoriels SVG, y compris le dessin de graphiques de base et des effets de gradient simple. Notez que le support de l'ancienne version d'IE n'est pas bon. Les amis qui en ont besoin peuvent y faire référence.
VG représente des graphiques vectoriels évolutifs, une langue utilisée pour décrire les graphiques 2D et les applications graphiques sont écrites en XML, qui sont ensuite présentées par un programme SVG Reader.
SVG est principalement utilisé pour les graphiques de type vectoriel, tels que les graphiques circulaires, les graphiques bidimensionnels dans les systèmes de coordonnées X, Y, etc.
SVG est devenu la norme recommandée par W3C le 14 janvier 2003, et vous pouvez afficher la dernière version de la spécification SVG sur la page de spécification SVG.
Afficher les fichiers SVGLa plupart des navigateurs Web peuvent afficher les SVG, tout comme ils peuvent afficher les graphiques PNG, GIF et JPG. IE Les utilisateurs peuvent avoir besoin d'installer le lecteur Adobe SVG pour pouvoir afficher SVG dans leur navigateur.
Intégrer SVG dans HTML5
HTML5 nous permet d'incorporer SVG directement à l'aide de la balise __ <svg> ... </svg>. Ce qui suit est la syntaxe simple:
CODE XML / HTML COPIE COPIRE DU PIRMOCHE