Svg

Post on 17-Jul-2015

64 views 1 download

Transcript of Svg

SVGScalable Vector Graphics

Ted

–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

Resizable Flat design

Easy to use and edit responsive

animate filter

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

http://zh.wikipedia.org/wiki/File:Mahuri.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/

https://useiconic.com/

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

IE9+ Chrome 14+

Safari 4+ Firefox 3.6+ Opera 15+

Opera Mobile 12+ iOS 3+

Android 4.0+ BlackBerry 10

SUPPORT

IE 6, 7, 8 Android 1-2.3

Opera Mini(on retina)

NOPE

Browser support File size

illustrator Inkscape Sketch svg-edit

Refer

• Wiki

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

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

• http://vimeo.com/99828116