¿Qué es SVG?

Scalable Vector Graphics (SVG) es un conjunto de especificacions para crear gráficos vectoriales (no basados en pixeles) bidimensionales.

Al ser gráficos vectoriales los gráficos SVG escalan sin perder calidad de imagen.

Las imágenes SVG y sus comportamientos (scripting) se definen en ficheros XML que pueden incluirse en documentos HTML (todos los nuevos navegadores lo soportan):

Al estar construidos en XML se puede acceder a ellos a través del árbol DOM para manejarlos, modificarlos,…

SVG viene con un conjunto básico de shapes:

· Rectangle

· Circle

· Ellipse

· Straight Line

· Polyline

· Polygon

Es posible incluir scripting en nuestros SVGs y también manejarlo desde Javascript:

En esta página podéis encontrar y probar una gran cantidad de ejemplos: http://www.w3schools.com/svg/svg_examples.asp

Este tutorial recoge todo lo necesario para comenzar a hacer vuestros SVGs: http://www.w3.org/2002/Talks/www2002-svgtut-ih/hwtut.pdf