El mejor tutorial de HTML5 en línea SVG en 2024. En este tutorial podrás aprender ¿Cuál es SVG?,ventaja SVG,Soporte para el navegador,El SVG incrustado directamente en la página HTML,Ejemplos,SVG y Canvas diferencia entre los dos,La comparación de SVG y Canvas,
HTML5 soporta SVG en línea.
En comparación con otros formatos de imagen (como JPEG y GIF), utilizando SVG ventajas:
Internet Explorer 9 o superior, Firefox, Opera, Chrome, Safari y el apoyo SVG en línea.
En HTML5, usted será capaz de SVG elementos directamente en la página HTML:
resultados:
Lo sentimos, su navegador no soporta SVG en línea.Más información sobre SVG tutorial, por favor visite SVG tutorial .
SVG es un gráfico 2D utilizando Descripción lenguaje XML.
Lienzo para dibujar gráficos en 2D utilizando JavaScript.
SVG basado en XML, lo que significa que cada elemento de la SVG DOM está disponible. Puede asociar controladores de eventos de JavaScript para un elemento.
En SVG, cada uno considerará que se dispone de objetos gráficos. Si los cambios de objeto SVG propiedad, el navegador puede reproducir automáticamente los gráficos.
La lona se hace pixel por pixel. En el lienzo, una vez que el gráfico se dibuja es completa, no va a seguir siendo la atención del navegador. Si se cambia la posición, a continuación, toda la escena también necesita ser redibujado, incluido cualquier objeto que pueda haber sido cubiertas con los gráficos.
La siguiente tabla muestra algunas de las diferencias entre el lienzo y SVG.
Canvas | SVG |
---|---|
|
|