lunes, 27 de septiembre de 2010

Artículo SVG

Es un lenguaje de marcas que sirve para describir gráficos vectoriales en 2D, tanto estáticos como dinámicos en formato XML.
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">
<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"/>
</svg>

Fuentes:


http://es.wikipedia.org/wiki/Scalable_Vector_Graphics
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


No hay comentarios:

Publicar un comentario