SVG es un estándar abierto basado en XML para describir imágenes vectoriales 2D estáticas, animadas e interactivas. En la década de 1990, varias compañías propusieron estándares para gráficos vectoriales en la web, resultando en 1999 en la especificación SVG de la W3C. SVG ofrece ventajas como archivos pequeños, independencia de resolución, interactividad, animación y scripting con JavaScript.

1. por James Lynn

4. Por otra parte Adobe, IBM, Netscape y Sun Microsystems presentaron PGML (Precision Graphics Markup Language) a la W3C.

9. Un poco de historia sobre SVG

13. Vectores = resolution independent

14. Las imágenes se construyen en el navegador

15. El usuario puede interactuar y modificar las imágenes de forma sencilla y práctica

16. Apoyo nativo a SMIL (Synchronized Media Integration Language) por lo cual es capaz de producir animaciones

18. Por ser XML facilita su conversión, importación y exportación desde y hacia otros formatos

19. Es un formato totalmente abierto

20. Podemos editarlo con cualquier editor de texto. No es necesario software especializado.

21. Apoyo entre los navegadores Actualmente son los grandes en apoyo a SVG Ambos browsers son más rápidos que Firefox manejando gráficas SVG Desde sus comienzo (2008) Chrome ha tenido la capacidad de desplegar SVG. Había que usar el Adobe SVG plug-in pero IE9 le da apoyo nativo a SVG pero no completo.

23. SVG Basic La meta es proveer la capacidad de crear una amplia gama de contenido gráfico estático, animado e interactivo para dispositivos móviles incluyendo laptops y computadoras.

25. Cualquier celular o unidad móvil a través de Opera

27. Editor de texto

28. Navegador

30. Paths

32. Elipses

34. Fill and Line color

35. Animación

37. Clip, máscaras y montajes

38. Filtros / Efectos

39. Interactividad

40. Enlaces / Links

41. Scripting

42. SMIL (Synchronized Multimedia Integration Language)

43. JavaScript

44. Metadata

53. Adobe Illustrator

54. Adobe Acrobat

55. Inkscape (su formato nativo es SVG)

56. GIMP

58. LibreOffice Writer

59. Microsoft Visio

60. OpenOffice Draw

61. Scribus

62. Xara Xtreme

65. Wikipedia http://en.wikipedia.org/wiki/Scalable_Vector_Graphics http://en.wikipedia.org/wiki/SVG_animation

66. WordIQ http://www.wordiq.com/definition/SVG

67. SVG Tutorial http://www.itk.ilstu.edu/faculty/javila/svg/SVG_overview/origins.htm

68. SVG Authoring tools and editors http://www.w3.org/Graphics/SVG/IG/wiki/Authoring_tools_and_editors

70. SVG-edit – Editor Online de SVG http://code.google.com/p/svg-edit/

71. SVG at Google and in Internet Explorer The official Google Code Blog http://googlecode.blogspot.com/2009/10/svg-at-google-and-in-internet-explorer.html

72. SVG Open http://www.svgopen.org/2002/papers/robinson__csiro_svg_mobile/

73. SVG Logo – Usos y política http://www.w3.org/2009/08/svg-logos.html

75. Twitter: @jameslynn

76. Facebook.com/JamesJLynn