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

Herramientas SVG.-

Al ser el código interno de un fichero SVG códido en texto plano, lo único que nos hace falta para crear un gráfico en este formato es un editor de textos simple, valiendo para ello cualquiera de los que existen en el mercado. Aunque si queréis, podéis usar también cualquiera de los editores XML que ahora hay en el mercado, como Xeena, de alphaworks (IBM), o XML spy.

Pero para poder trabajar en formato de texto es necesario tener conocimientos del lenguaje XML y de la propia sintaxis SVG, por lo que para todos aquellos que necesitamos una forma práctica y rápida de crear un gráfico SVG se hace necesaria alguna herramienta que nos simplifique el proceso.

A la hora de hablar de software SVG hay que distinguir entre aplicaciones que permiten exporta ficheros propios en formato SVG y aplicaciones nativas SVG, es decir, aquellas que directamente trabajan con la sintaxis SVG.

Dentro del primer grupo destacan, por el momento Adobe Ilustrator 9 (que addemás permite también exportar ficheros vectoriales en formatos SWF y PDF), Adove GoLive 5.0 y Corel Draw en sus versiones 9 y 10. La pega que presentan estos programas es que el código que general a veces es bastante lioso, precisando una posterior limpieza e indentación.

En cuanto a programas nativos SVG, para la creación de gráficos en general disponemos de diferentes aplicaciones comerciales, entre las que podemos destacar las siguientes:

Jacs WebDraw.-

Aplicación SVG de la casa Jack Software (a quien también pertenece Paint Shop Pro), que por el momento se encuentra disponible en su versión 1.01, que podéis comprar (129 $) o descargar en versión demo desde http://www.jasc.com/products/webdraw/.

La interfaz de trabajo de WebDraw es muy parecida a la de otros productos de la misma compañía, compartiendo con Paint Shop Pro el diseño de las barras de herramientas, como se aprecia en la siguiente figura:

La aplicación nos ofrece 3 modos de vista:

• Canvas: Es la ventana de trabajo clásica de este tipo de aplicaciones, desde la que podemos configurar el lienzo de trabajo y dibujar figuras y líneas, insertar imágenes externas, etc.
• Source: Nos muestra el código XML generado por nuestras acciones sobre el Canvas.
• Preview: Permite previsualizar el gráfico generado.

Como se aprecia en la imagen, en la vista Canvas aparece una barra inferior de tiempos, útil para crear gráficos animados. La creación de estas animaciones es muy fácil en WebDraw, ya que basta definir una serie de fotogramas modificando los objetos del lienzo y asignar cada uno de ellos a un tiempo determinado. Cuando guardemos el gráfico, la animación se mostrará automáticamente.

En cuanto a herramientas de dibujo, disponemos de las comunes de las aplicaciones de gráficos vectoriales: rectas, curvas Bézier, formas geométricas, textos editables, etc. También es posible usar opciones más avanzadas, como rastrillado de objetos.

Una vez creado nuestro gráfico, el programa lo guarda con extensión .svg. Para visualizar el fichero en una página web es necesario en primer lugar instalar en el ordenador el plugin correspondiente, con lo que los ficheros SVG se asocian al navegador indicado en la instalación del mismo, generalmente a Internet Explorer, por lo que bastará hacer doble click sobre el fichero para que se abra en una ventana del navegador.

Más adelante estudiaremos cómo se incrustan en un documento HTML de forma adecuada.

Mayura Draw.-

Aplicación de dibujo vectorial en SVG, mucho más simple que WebDraw, pero más fácil de usar. No permite generar animaciones, pero a cambio nos facilita la creación rápida de gráficos SVG compactos, a los que no es necesario asignar un tamaño inicial en el lienzo de trabajo, ya que el programa adapta las dimensiones finales a las del gráfico creado. Podéis descargar la versión demo desde la página principal de Mayura, http://www.mayura.com/.

Corda PopChart Xpress.-

Aplicación SVG orientada a la creación de gráficos de diferentes tipos (barras, columnas, líneas, etc.), que ahora se encuentra en su versión 3.5.2. Permite la generación asistida de gráficos partiendo de datos introducidos en una tabla tipo Excell, dando como resultado una imagen vectorial en formato SVG y en formato SWF.

La versión demo de este programa podéis descargarla de su página oficial, http://www.popchartxpress.com/. Una importante limitación que encontraréis es que no permite salvar los gráficos en formato SVG editable, además de incrustarles mensajes de versión no registrada.

Este programa se complementa con PopChart Image Server, que se instala en el servidor web y permite asisgnar valores procedentes de una base de datos a los gráficos creados, de tal forma que estarán siempre actualizados. También permite general imágenes dinámicas en formato GIF. La versión demo podéis descargarla desde http://www.corda.com/products/.