SVG es la abreviatura de gráficos vectoriales escalables, que significa gráficos vectoriales escalables. En 1998, la World Wide Web Alliance estableció un grupo de trabajo para desarrollar una tecnología que exprese gráficos vectoriales a través de XML - ¡SVG! Dado que SVG también es un archivo XML, SVG también hereda las ventajas de apertura, portabilidad e interactividad de XML. Este artículo presenta SVG en HTML5. Si lo necesita, consulte el fondo SVG.
SVG es la abreviatura de gráficos vectoriales escalables, que significa gráficos vectoriales escalables. En 1998, la World Wide Web Alliance estableció un grupo de trabajo para desarrollar una tecnología que exprese gráficos vectoriales a través de XML - ¡SVG! Dado que SVG también es un archivo XML, SVG también hereda las ventajas de la apertura, portabilidad e interactividad de XML. Hoy en día, casi todos los navegadores convencionales admiten SVG, y puede obtener más información de compatibilidad de aquí, incluyendo:
Use elementos <ROBRECT> o <SPET> para mostrar gráficos SVG básicos;
Use <MG> para mostrar gráficos SVG;
Aplicar gráficos SVG como imagen de fondo CSS;
Use la etiqueta <svg> directamente en los documentos HTML (requiere soporte HTML5);
Use transformaciones SVG, filtros y otros efectos especiales para elementos HTML que usan CSS o elementos de objeto externos;
Use efectos similares a Photoshop en los objetos SVG, incluido el procesamiento de desenfoque y color;
Use animaciones para imágenes SVG;
Usar fuentes SVG;
* SVG
* Contenido básico
* SVG no es exclusivo de HTML5
* HTML5 proporciona contenido sobre SVG Native
* Antes de que apareciera html5, había contenido de SVG
* Svg, simplemente póngalo como vector
* El archivo SVG tiene una extensión de .svg
* SVG usa sintaxis XML
* concepto
* SVG es un lenguaje que utiliza tecnología XML para describir gráficos bidimensionales
* Características de SVG
* Los gráficos de dibujo SVG pueden ser capturados mediante motores de búsqueda
* SVG se amplía cuando la calidad de la imagen no disminuye
* La diferencia entre SVG y Canvas
* SVG
* Sin dependencia de resolución
* Apoyo de la vinculación del evento
* Programas para grandes áreas de representación (como mapas de Baidu)
* No se puede usar para implementar juegos web
* Lienzo
* Dependiente de la resolución
* La vinculación del evento no es compatible
* El juego web más adecuado
* Guardar como .JPG Formato Imagen
* Objetivo
* Algunos pequeños iconos en la página web
* Efectos dinámicos en la página web (efecto de animación)
* Uso de SVG en HTML5
* Usar <svg> </svg> elementos
* Función, similar al elemento <Canvas>
* El tamaño predeterminado es 300px* 150px
* Use estilos CSS
* Use SVG para dibujar un gráfico, debe definir el elemento <svg>.
* Dibuja un gráfico
* Elementos rectangulares
Copiar el código