Capítulo 22. SVG e Internet

Tabla de contenidos

Actualizado para la versión 0.47.

Es en Internet donde el formato SVG puede llegar a demostrar realmente todos sus recursos, capacidades y ventajas. La estructura pequeña y compacta de los archivos en este formato (cuando están comprimidos) hace que su descarga sea muy rápida. Por otro lado, su naturaleza vectorial permite excelentes reproducciones de los dibujos a cualquier escala. Sin embargo, esto es solo el comienzo. El formato SVG interacciona muy bien con otras tecnologías y herramientas de Internet: los archivos SVG se pueden incrustar dentro de páginas web. Los dibujos SVG pueden contener textos que funcionen como hipervínculos. Así mismo, los dibujos SVG admiten programación mediante código, y también pueden ser animados.

La capacidad de los navegadores web para admitir y manejar archivos SVG está mejorando rápidamente. Los navegadores Firefox (desde su versión 1.5), Opera (desde la versión 8.5) y Safari (desde la 3.0) incluyen en diferentes grados la posibilidad de manejar archivos SVG; el navegador Konqueror se encuentra en proceso de incorporar esta capacidad. Los usuarios de Internet Explorer y de otros navegadores también pueden unirse a la diversión utilizando el (anticuado) plug-in de Adobe, u otro plug-in alternativo adecuado. Ver este artículo de Wikipedia que contiene una lista de posibles soluciones al respecto.

Este capítulo constituye una introducción al uso del formato SVG en Internet, y en él se tratan los recursos y herramientas de Inkscape que se pueden utilizar para ayudarnos en esta tarea. Aunque no es propósito de este libro tratar el diseño de páginas web, aporta una mínima introducción a la animación y programación en formato SVG. Inkscape (todavía) no tiene incorporadas entre sus capacidades estas dos posibilidades.

Las secciones de este capítulo están dispuestas de manera que cada una sirve de fundamento a la siguiente. La primera sección explica la forma de conseguir que un archivo SVG se pueda visualizar dentro de una página web. En la segunda sección se trata la incorporación de hipervínculos en un archivo SVG. La tercera sección es una introducción al uso de las hojas de estilo en cascada (en inglés, Cascading Style Sheets, CSS). En la cuarta sección se explican algunos recursos que tiene Inkscape para ayudarnos en el manejo de JavaScript. Y la última sección es una breve introducción a la animación de dibujos SVG.

En el sitio web del libro, hay un enlace a una página web en la que aparecen los ejemplos tratados en este capítulo. Así mismo, el sitio web del libro incluye un enlace a otra página web con la que se puede comprobar la capacidad que tiene un navegador web de reproducir correctamente las distintas características y recursos SVG.