SVG Essentials, 2nd Edition

Segunda edición, actualizada en 2014 por J. David Eisenberg y Amelia Bellamy-Royds, del clásico manual de O'Reilly sobre Scalable Vector Graphics, el formato vectorial de la web. Cubre SVG 1.1 y su integración con HTML5 y CSS3. Va de los dibujos de líneas más simples a los filtros, las transformaciones, los degradados y los patrones. Es adecuada para quien empieza con SVG, aunque ayuda tener experiencia en diseño o desarrollo web. Para quien no la tiene, los apéndices explican lo básico de XML, CSS y programación.

Los primeros capítulos explican cómo insertar SVG en una página (como imagen, con object o en línea en HTML5) y el sistema de coordenadas: viewport, viewBox y preserveAspectRatio. Siguen las formas básicas, la estructura del documento (g, use, defs, symbol, image) y las transformaciones. Luego vienen los trazados con todos sus comandos, incluidos los arcos y las curvas Bézier, así como los marcadores, los patrones, los degradados y el texto (tspan, texto sobre un trazado, texto vertical y fuentes). Los capítulos avanzados tratan el recorte y las máscaras, y dedican un capítulo extenso a los filtros: sombras, iluminación, feTurbulence, feDisplacementMap y otros. Esta edición amplía la animación con SMIL y CSS, la interactividad con eventos y JavaScript, el DOM de SVG con la librería Snap.svg, y la generación de SVG a partir de datos con programas y XSLT. También trata la accesibilidad y la preparación de gráficos para impresión y pantallas de alta resolución.

Es una referencia completa con ejemplos cortos en cada sección y algunos casos prácticos al final de los capítulos de texto y de recorte. No es un libro de proyectos. Su gran aporte es explicar con rigor cómo funciona SVG por dentro, más allá de lo que generan las herramientas de dibujo. Lo que queda fuera son las librerías modernas de visualización como D3.js y las herramientas de optimización de SVG. Además, parte de lo dicho sobre la animación SMIL y el soporte de los navegadores refleja la situación de 2014. Para profundizar en el color y los rellenos, se complementa bien con SVG Colors, Patterns & Gradients.