Este artículo presenta principalmente el tutorial introductorio para usar HTML5 para dibujar gráficos vectoriales SVG, incluido el dibujo de gráficos básicos y efectos de gradiente simples. Tenga en cuenta que el soporte de la versión anterior de IE no es bueno. Los amigos que lo necesitan pueden referirse a él.
VG representa gráficos vectoriales escalables, un lenguaje utilizado para describir gráficos 2D, y las aplicaciones de gráficos se escriben en XML, que luego son presentados por un programa de lector SVG.
SVG se usa principalmente para gráficos de tipo vectorial, como gráficos circulares, gráficos bidimensionales en sistemas de coordenadas X, Y, etc.
SVG se convirtió en el estándar recomendado W3C el 14 de enero de 2003, y puede ver la última versión de la especificación SVG en la página de especificaciones SVG.
Ver archivos SVGLa mayoría de los navegadores web pueden mostrar SVG, tal como pueden mostrar gráficos PNG, GIF y JPG. Es posible que los usuarios de IE necesiten instalar el lector Adobe SVG para poder ver SVG en su navegador.
Incrustar svg en html5
HTML5 nos permite incrustar SVG directamente usando la etiqueta __ <svg> ... </svg>. La siguiente es la sintaxis simple:
Código XML/HTML Copiar contenido al portapapeles