Your SlideShare is downloading. ×
0
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Scalable Vector Graphics
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Scalable Vector Graphics

2,131

Published on

A brief introduction to SVG Graphics. …

A brief introduction to SVG Graphics.
Presented by James Lynn at BarCamp San Juan on February 11, 2011.

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,131
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Authoring tools de Adobe en esta página Illustrator CS2 y GoLive. Se nota que no se actualiza hace años.
  • Transcript

    • 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
    • 10.  
    • 11.  
    • 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 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?
    • 29. Capacidades de SVG
      • Gradientes y Patrones
      • 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
    • 45.  
    • 46.  
    • 47.  
    • 48.  
    • 49.  
    • 50.  
    • 51.  
    • 52. Software
    • 63.  
    • 64. Referencias
      • W3C http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html
      • 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
    • 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
      • 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
    • 74. Encuéntrame y sígueme
      • Blog: www.jameslynn.com
      • 75. Twitter: @jameslynn
      • 76. Facebook.com/JamesJLynn

    ×