• Like
  • Save
un acercamiento a SVG
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

un acercamiento a SVG

  • 179 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
179
On SlideShare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
0
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

Transcript

  • 1. SVGScalable Vector Graphics
  • 2. Los Gráficos Vectoriales Redimensionables (delinglés Scalable Vector Graphics) o SVG son unaespecificación para describir gráficosvectoriales bidimensionales, tanto estáticos comoanimados, en formato XML.SVG es abierto y está basado en los gráficos XML, esun formato que se está incorporando a los estándaresweb.Dado que SVG es un formato de gráficos vectorizados, lasimágenes pueden ser redimensionadas y transformadas sinsufrir pérdidas de calidad ni deformaciones.Muchos buscadores ya soportan SVG en cierto grado.. ScalableVectorGraphics
  • 3. Un poco de historia sobre SVGEn 1998 Macromedia, HP, Autodesk, Visio Corporation yMicrosoft sometieron a la W3C el VML (Vector MarkupLanguage) basado en XML para que fuera considerado comoestándar en gráficas vectoriales para la web.Por otra parte Adobe, IBM, Netscape y Sun Microsystemspresentaron PGML (Precision Graphics Markup Language) ala W3C. ScalableVectorGraphics
  • 4. En febrero del año 1999 la W3C publicó el primer borrador de la especificación SVG ScalableVectorGraphics
  • 5. Algunas consideraciones parausar SVG en nuestros proyectos
  • 6. png gif vectoresresolución almacenamiento calidad costo downloadupload jpeg ScalableVectorGraphics
  • 7.  Archivos Pequeños = Fácil carga ScalableVectorGraphics
  • 8.  Archivos Pequeños = Fácil carga Ampliar Imagen sin perder calidad ScalableVectorGraphics
  • 9. bitmap svg ScalableVectorGraphics
  • 10.  Cómo es xml , es interpretado como texto ScalableVectorGraphics
  • 11.  Cómo es xml , es interpretado como texto Puede generarse dinámicamente en un servidor ScalableVectorGraphics
  • 12. ¿Qué necesitamos para empezar a utilizar SVG?
  • 13. http://www.w3schools.com/svg/svg_intro.asp ScalableVectorGraphics
  • 14. 0,0 150,00,200 75,200 225,200 Define a path that starts at position 150,0 with a line to position 75,200 then from there, a line to 225,200 and finally closing the path back to 150,0. ScalableVectorGraphics
  • 15. Inkscape es un editor de gráficos vectoriales de código abierto, concapacidades similares a Illustrator, Freehand, CorelDraw o Xara X,usando el estándar de la W3C.Las características soportadas incluyen: formas, trazos, texto,marcadores, clones, mezclas de canales alfa, transformaciones,gradientes, patrones y agrupamientos. ScalableVectorGraphics
  • 16. otros editores opensourceSVG-edit ScalableVectorGraphics
  • 17. ¿Preguntas?Federico Gonzálezfedericogl@outlook.com | @fegolopez | federicoglblog.worpress.com