Svg

14
SVG Scalable Vector Graphics Ted

Transcript of Svg

Page 1: Svg

SVGScalable Vector Graphics

Ted

Page 2: Svg

–Wiki

an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG

specification is an open standard developed by the World Wide Web Consortium (W3C) since

1999

Page 3: Svg
Page 4: Svg

Resizable Flat design

Easy to use and edit responsive

animate filter

Page 5: Svg

http://upload.wikimedia.org/wikipedia/commons/6/6e/HM_04_lowdetail.svg

http://zh.wikipedia.org/wiki/File:Mahuri.svg

Page 6: Svg
Page 7: Svg

http://css-tricks.com/stackicons-icon-fonts/

http://webdesign.tutsplus.com/articles/manipulating-svg-icons-with-simple-css--

webdesign-15694

http://designmodo.github.io/Flat-UI/

Page 8: Svg

https://useiconic.com/

Page 9: Svg

http://caniuse.com/#cats=SVG

Page 10: Svg

IE9+ Chrome 14+

Safari 4+ Firefox 3.6+ Opera 15+

Opera Mobile 12+ iOS 3+

Android 4.0+ BlackBerry 10

SUPPORT

Page 11: Svg

IE 6, 7, 8 Android 1-2.3

Opera Mini(on retina)

NOPE

Page 12: Svg

Browser support File size

Page 13: Svg

illustrator Inkscape Sketch svg-edit

Page 14: Svg

Refer

• Wiki

• https://code.google.com/p/svg-edit/

• http://css-tricks.com/mega-list-svg-information/

• http://vimeo.com/99828116