Scalable Vector Graphics
Descargar como ODP, PDF1 recomendación787 vistas
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.
Scalable Vector Graphics
- 1. por James Lynn
- 2. Scalable Vector Graphics SVG es un estándar abierto basado en formato XML para describir imágenes vectoriales en 2D, estáticas, animadas e interactivas.
- 3. Un poco de historia sobre SVG En 1998 Macromedia, HP, Autodesk, Visio Corp y Microsoft sometieron a la W3C el VML (Vector Markup Language) basado en XML para que fuera considerado como estándar en gráficas en vectoriales para la web.
- 4. Por otra parte Adobe, IBM, Netscape y Sun Microsystems presentaron PGML (Precision Graphics Markup Language) a la W3C.
- 5. Un poco de historia sobre SVG En febrero del año 1999 la W3C publicó el primer borrador de la especificación.
- 6. Un poco de historia sobre SVG Microsoft implementó VML en su navegador
- 7. Adobe lanzó el plug-in SVG Viewer Esto le dió la capacidad a los browsers de desplegar contenido SVG
- 8. Pretendía competir con Flash El apoyo a este plug-in se descontinuó en enero de 2009.
- 9. Un poco de historia sobre SVG
- 12. ¿Por qué considerar SVG? Archivos pequeños = fast download
- 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
- 17. ¿Por qué considerar SVG? Su lenguaje de scripting es JavaScript
- 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.
- 22. SVG móvil SVG Tiny
- 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.
- 24. SVG móvil iPhone a través de Safari
- 25. Cualquier celular o unidad móvil a través de Opera
- 26. ¿Qué necesito para trabajar? Papel
- 27. Editor de texto
- 28. Navegador
- 29. Capacidades de SVG Líneas
- 30. Paths
- 32. Elipses
- 33. Polígonos Texto
- 34. Fill and Line color
- 35. Animación
- 36. Fonts Gradientes y Patrones
- 37. Clip, máscaras y montajes
- 39. Interactividad
- 40. Enlaces / Links
- 41. Scripting
- 42. SMIL (Synchronized Multimedia Integration Language)
- 43. JavaScript
- 44. Metadata
- 54. Adobe Acrobat
- 55. Inkscape (su formato nativo es SVG)
- 56. GIMP
- 57. The GNOME Project Google Docs
- 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
- 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
- 69. Referencias Mozilla SVG Project http://www.mozilla.org/projects/svg/
- 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
- 73. SVG Logo – Usos y política http://www.w3.org/2009/08/svg-logos.html
- 74. Encuéntrame y sígueme Blog: www.jameslynn.com
Notas del editor
- #8: Authoring tools de Adobe en esta página Illustrator CS2 y GoLive. Se nota que no se actualiza hace años.