Permite básicamente 3 tipos de objetos gráficos:
-Formas gráficas de vectores
-Imágenes de mapas de bits/digitales
-Texto
Los objetos gráficos se pueden agrupar Y transformar en objetos previamente renderizados. El texto puede estar en cualquier espacio para nombres XML adecuado para la aplicación, lo que extiende la accesibilidad de los gráficos SVG . Los dibujos SVG pueden ser dinámicos e interactivos.
El Modelo de Objetos Documentales (DOM) para SVG, que incluye el DOM de XML completo, permite la animación directa de los gráficos vectoriales vía scripting .
SVG rivaliza con Macromedia Flash en terminos de potencial y poder, con la diferencia de que el primero es un estándar abierto. A pesar de ser un lenguaje complejo, permite crear imágenes complejas.
Se puede implementar en diversos navegadores como son: Firefox, Opera, MSIE, Safari o Chrome.
EJEMPLO:
EJEMPLO DE ESTRUCTURA DE ARCHIVO SVG DE LA IMAGEN ANTERIOR:
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="100" height="100">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="100" height="100">
<rect x="13" y="42" width="72" height="42" style="fill:rgb(255,244,193);stroke:rgb(0,0,0);stroke-width:1"/>
<text x="22px" y="52px" style="fill:rgb(0,0,0);font-size:25;font-family:@Arial Unicode MS">SVG</text>
<ellipse cx="76" cy="78" rx="20" ry="18" style="fill:rgb(0,0,255);stroke:rgb(0,0,0);stroke-width:1"/>
<text x="22px" y="52px" style="fill:rgb(0,0,0);font-size:25;font-family:@Arial Unicode MS">SVG</text>
<ellipse cx="76" cy="78" rx="20" ry="18" style="fill:rgb(0,0,255);stroke:rgb(0,0,0);stroke-width:1"/>
</svg>
Fuentes:
http://www.webtaller.com/maletin/articulos/que-es-svg.php
Fuente ejemplo imagen:
http://www.ehu.es/javier.portillo/pfc/ruben_martinez/WebSVG/WebSVG.html
