Tutorial de SVG

Los graficos de vectores escalables, SVG , es un dialecto XML de W#C usado para describir graficos. Esta parcialente implementado en Firefox, Opera, WebKit , Internet Explorer y otros.

Este tutorial intenta explicar SVG a profundidad y esta elaborado con detalles tecnicos. Si quieres dibujar hermosas imagenes, podras encontrar recursos mas utiles en la Documentacion de Inkscape . Otra buena introduccion es brindada por el W3C's SVG Primer .

Presentando SVG desde cero

• Introducción
• Comenzando
• Posiciones
• Figuras básicas
• Paths
• Rellenos y trazos
• Gradientes
• Patrones
• Textos
• Transformaciones básicas
• Recortes y máscaras
• Otros contenidos en SVG
• Filtros y efectos
• Fuentes SVG
• Etiquetas de imágenes SVG
• Herramientas de SVG
• Otros tutoriales (en-US)

Los siguientes temas son más avanzados, por lo tanto deben tener sus propios tutoriales.

Scripting SVG con JavaScript

TBD

Tutorial filtros SVG

TBD

Animaciones con SMIL en SVG

TBD

Creación de fuentes en SVG

TBD