El formato gráfico SVG (II)
por Luciano Moreno, del departamento de diseño web de BJS Software.

El formato SVG.-

El trabajo del W3C, a la hora de definir el formato SVG, se ha basado en la total integración del mismo con uno de los lenguajes más potenciados en la actualidad, el XML (eXtensible Markup Language), además de buscar la compatibilidad con otros estándares actuales y futuros, como XSLT, CSS, HTML 4.0, XHTML 1.0 y con el modelo DOM.

Sin entrar en excesivos detalles, digamos que XML es un lenguaje de marcas para la creación de documentos, hibrido entre el HTML (al que complementa y y amplía) y el lenguaje general SGML. Es un lenguaje extensible, que permite la correcta definición de los datos que forman un documento y la unicidad formal de los mismos, con lo que diferentes aplicaciones pueden compartir los mismos detos sin problemas. También permite la total separación de contenido del contenido de un documento de la presentación del mismo y el acceso a bases de datos.

Con esta base, el Consorcio ha creado el formato SVG con código XML, con lo que este formato hereda muchas de las buenas cualidades del XML. Además, va a permitir que en un futuro próximo, cuando el lenguaje XML se estandarice por completo, los gráficos SVG sean una parte más de las páginas web, con su código definido e implementado en el cuerpo del documento html.

Podemos pues definir el formato SVG como un puente entre diseño gráfico y programación, entre arte y tecnología. Efectivamente, debido a su naturaleza puramente matemática, un gráfico SVG es una sucesión de objetos y puntos posicionados y orientados en el lienzo de trabajo, elementos que son definidos por fórmulas matemáticas y que pueden ser accedidos por código de programación para modificar sus propiedades.

Pero no por esto hay que asustarse, ya que existen herramientas de aspecto tradicional y funcionalidades comunes que nos van a permitir generar un gráfico SVG de forma rápida y cómoda.

Las principales características gráficas del formato SVG son:

• Es un formato de gráficos vectoriales, con lo que los gráficos resultan editables, admiten curvas Bézier, transparencias, suavizados, rastrillados, etc.
  
  
• Produce gráficos escalables, que pueden aumentar o disminuir de tamaño sin pérdida de calidad, lo que los hace adaptarse sin problemas a cualquier resolución de pantalla.
  
  
• Amite textos editables, admitiendo fuentes True Type y Type 1.
  
  
• Admite gestión avanzada del color, manejando 24 bits de profundidad, pudiendo además usarse en su definición cualquiera de los sistemas estándar: RGB, CMYK, etc.
  
  
• Se pueden incluir en un gráfico SVG sonidos y etiquetas explicativas.
  
  
• Permite la creación de animaciones en escala de tiempo.
  
  
• Admite diferentes tipos de filtros, consiguiendo resultados sorprendentes.
  
  
• Posiciona el gráfico de acuerdo con el puntero del ratón, con lo que cuando queremos hacer zoom sobre el gráfico, basta hacer click sobre la zona en la que queremos situarnos y se nos centará la ampliación en la misma.
  
  
• Es una tecnología de código libre, no propietaria, con las ventajas que eso representa para los desarrolladores.

A estas hay que sumar otra serie de propiedades nacidas de su vinculación al lenguaje XML, entre las que caben destacar:

• El código generador de un gráfico SVG no es binario, sino de simple texto plano, por lo que puede ser editado y modificado con cualquier editor de textos, incluido el Notepad de Windows.
  
  
• Como la definición del gráfico está implementada con código y datos tipo XML, se pueden definir los valores de los objetos constituyentes del gráfico en el servidor web y con datos provenientes de una base de datos, con la dinamicidad que ello supone.
  
  
• Soporta las Hojas de Estilos en Cascada (CSS), permitiendo con ello definir con toda exactitud el formato de presentación que van a tener los elementos del gráfico.
  
  
• También permite el acceso al DOM y soporta lenguajes de script (JavaScript, VBScript, etc.), con lo que es posible modificar las propiedades de los elementos de un gráfico en tiempo real.
  
  
• Es compatible con otro tipo de medios, como los dispositivos inalámbricos.
  
  
• Presenta apoyo para multilenguaje.

En resumen, el formato SVG es compatible con los actuales estándares web, proyectando además la compatibilidad de los gráficos con los lenguajes de programación, con lo que llegará un momento en que la integración de gráficos, datos y código de script será total.

Si a esto sumamos que el tamaño/peso final de un fichero SVG no es muy alto, podemos llegar a la conclusión de que este formato puede hacer realidad los sueños de muchos diseñadores y programadoes web, combinando arte y técnica de una forma espectacular.

Como pega, decir que en la actualidad, y al no ser aún un estándar, para visualizar los gráficos SVG en los navegadores web hace falta instalar un plugin especial en nuestro ordenador, salvo que ya tengamos instalado un programa de creación SVG. Este plugin es pesado (varios megas) y además exije un trabajo elevado a la CPU de las máquinas. Sin embargo, en un futuro próximo, cuando el lenguaje XML sea un estándar "de facto", los gráficos SVG se integrarán perfectamente en los navegadores web, sin necesidad de software adicional.

El plugin necesario podéis descargarlo desde las siguientes direcciones:

• Plugin de Adobe: http://www.adobe.com/svg/viewer/install/
  
  
• Plugin de Adobe en castellano: http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.0/es/SVGView.exe.
  
  
• Plugin de la casa Corel: ftp://ftp.corel.com/pub/graphics/svgfilter/svgfilt.exe.