This page was translated from English by the community. Learn more and join the MDN Web Docs community.

SVG

Documentación

Comenzando con SVG
Este tutorial te ayudará a comenzar a usar SVG.

Gráficos vectoriales escalables (SVG) es un lenguaje de marcado XML (en-US) para describir gráficos vectoriales en dos dimensiones. Básicamente, es a los gráficos lo que HTML es al texto.

SVG es un estándar Web abierto basado en texto. Está expresamente diseñado para trabajar con otros estándares web como CSS, DOM (en-US), y SMIL (en-US).

<br style="clear:both;" />

Referencia de elementos SVG
Detalles sobre cada uno de los elementos SVG.
Referencia de atributos SVG
Detalles sobre cada uno de los atributos SVG.
Referencia del interfaz DOM SVG
Detalles acerca del API SVG DOM, para interacción con JavaScript.
Aplicando efectos SVG a contenido HTML
SVG trabaja con with HTML, CSS and JavaScript. Usa SVG para mejorar una página HTML normal o aplicación web.

Comunidad

Ver foros de Mozilla...
 

Herramientas

Ejemplos

 

Animaciones e interacciones

Al igual que HTML, SVG tiene un modelo de objetos de documento (DOM) y eventos, y es accesible desde JavaScript. Esto permite al desarrollador crear animaciones ricas y permite e imágenes interactivas.

 

Mapeado, gráficos, juegos y experimentos 3D

Aunque un poco de SVG puede dar mucho recorrido a la hora de mejorar contenidos web, aquí tienes algunos ejemplos de uso de gran cantidad de SVG.

Categorías

Interwiki Language Links