- XperimentoS - http://www.xperimentos.com -

SVG (I). Introducción

SVG son las iniciales de Scalable Vector Graphics. Es un estándar de la W3C [1] que define una gramática XML para describir gráficos de dos dimensiones.

SVG trata tres tipos de objetos gráficos: formas vectoriales (curvas y rectas), imágenes y texto. Estos objetos gráficos pueden ser agrupados, transformados, formateados y compuestos en objetos previamente creados. El conjunto de funcionalidades transformaciones anidadas (nested transformations), corte de patrones (clipping paths), mascaras, filtros, efectos y plantillas de objetos.

Los gráficos SVG pueden ser interactivos y dinámicos. Las animaciones pueden ser definidas y activas de modo declarativo o por medio de scripts. Es posible usar un script adicional con acceso al DOM de SVG para obtener aplicaciones más complejas.

Significado de SVG

Su nombre se debe a:

SVG: Presente y futuro de los gráficos vectoriales para la web.

El contenido gráfico de las páginas web parece estar bien cubierto por los dos formatos usuales de fichero: GIF y JPG. Cada uno de ellos tiene sus usos óptimos y, aparentemente, puede parecer que ya no hace falta nada más para añadir imágenes a las páginas. Sin embargo, al analizar las cosas en más detalle, se ve que ambos formatos, siendo de mapa de bits, tienen serias limitaciones.

Desde hace unos años, el formato vectorial Shockwave Flash [2], o simplemente Flash, se ha convertido en una alternativa cada vez más utilizada. Flash tiene muchas ventajas y, de hecho, hoy se pueden encontrar páginas enteras creadas en él. Ahora bien, se trata de un formato de fichero patentado por un fabricante (Adobe, que compro Macromedia la empresa creadora del formato flash), y puede modificarlo a voluntad. Además, y a pesar de las numerosas mejoras que cada versión de Flash incorpora, éste es una solución externa a lo que es el lenguaje de creación de páginas Web, el Html. Por estas y otras razones, surgió la iniciativa de crear un formato estándar de fichero vectorial para la web, y así el consorcio de la WWW (http://www.w3.org [3]) ha desarrollado el nuevo formato SVG [4] (de Scalable Vector Graphic.)

¿Para qué SVG?

¿Qué necesidad hay de un nuevo formato gráfico? básicamente, para superar las limitaciones de los ficheros de mapa de bits, los omnipresentes GIF y JPG. Además, otros formatos vectoriales ya existentes, como SWF, no estaban diseñados inicialmente para la web; eran más bien un formato para aplicaciones multimedia. El texto contenido en un gráfico SVG es editable: puede seleccionarse,  buscar, indexar… etc.

SVG se ha creado desde un principio como una forma más del lenguaje XML, el futuro lenguaje de creación de páginas web y muchos otros documentos. Se trata de un lenguaje extensible (es decir, se pueden añadir definiciones propias, aún manteniendo la compatibilidad con las definiciones estándar) y que separa por completo contenido de presentación; un mismo fichero XML puede representarse de diferentes maneras en función de dónde lo abrimos: el ejemplo que suele citarse es el de una definición de número telefónico, que se mostrará numéricamente y puede marcarse directamente en un teléfono, o puede mostrarse como registro de una base de datos o incluso en forma de gráfico (por ejemplo, su situación en un mapa o un logotipo) en un terminal gráfico de ordenador.

Cuando el lenguaje XML sea el estándar para la creación de páginas web, los ficheros SVG serán una parte más de las páginas, no un fichero accesorio.

Ventajas de SVG

Be Sociable, Share!
  • [5]
  • [6]
  • [7]
  • [8]