SVG (Scalable Vector Graphics) es un lenguaje de marcas extendido de XML para trabajar con gráficos vectoriales bidimensionales, tanto estáticos como animados, es decir, imágenes formadas por objetos geométricos independientes definidos por una serie de valores concretos en vez de por mapas de bits.
Para empezar, una de sus grandes bazas es su gratuidad, por lo que las compañías pueden usarlo sin ningún tipo de coste por licencias o patentes, e incluso programas freeware pueden incluirlo entre sus opciones.
Para continuar, SVG es perfecto para diseñar gráficos vectoriales con un peso más que asequible y, además, se pueden embeber mapas de bits, superponiendo vectores que se pueden animar o cuya animación puede programarse como respuesta a alguna acción concreta por parte del usuario.
Este lenguaje permite a las aplicaciones de servidor generar gráficos potentes, además de con rapidez y eficiencia a partir de, por ejemplo, los datos introducidos por el usuario.
Este lenguaje permite a las aplicaciones de servidor generar gráficos potentes, además de con rapidez y eficiencia a partir de, por ejemplo, los datos introducidos por el usuario.
SVG es una recomendación del W3C (World Wide Web Consortium) y actualmente existen muchos programas de diseño gráfico que lo soportan, como el editor Inkscape. Además, tanto Firefox, como Chrome, Internet Explorer, Opera y Safari lo implementan (aunque alguno como IE tardó más tiempo en hacerlo).
Sirva como pequeño ejemplo ilustrativo el siguiente "Mi primer SVG":
<html>
<body>
<h1>Mi primer SVG</h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg>
</body>
</html>
Sirva como pequeño ejemplo ilustrativo el siguiente "Mi primer SVG":
<html>
<body>
<h1>Mi primer SVG</h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg>
</body>
</html>
