Tema 9.2: SVG - Scalable Vector Graphics de HTML5

SVG - Scalable Vector Graphics de HTML5

SVG: Formato de representación vectorial que permite que los gráficos aumenten o disminuyan sin perder la calidad.

Recursos:

• Galería: http://commons.wikimedia.org/wiki/Category:SVGs_by_subject
• Editor SVG: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html
• Tutorial: http://www.w3schools.com/svg/

SVG se puede icluir dentro de una página WEB enmarcándola dentro de las marcas <svg></svg>

También pueden ser importados como objetos externos en XML como un fichero independiente: <img><object><embed><iframe>

Tutorial: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html

Otros recursos: 

• Comprender el atributo viewBox de SVG: 

http://www.islavisual.com/articulos/desarrollo_web/comprender-el-atributo-viewbox-de-svg

• Text: Insertar Texto dentro de un gráfico SVG: 

http://www.islavisual.com/articulos/desarrollo_web/insertar-texto-dentro-de-un-grafico-svg