Svg
Transcript of Svg
![Page 1: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/1.jpg)
SVGScalable Vector Graphics
Ted
![Page 2: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/2.jpg)
–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](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/3.jpg)
![Page 4: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/4.jpg)
Resizable Flat design
Easy to use and edit responsive
animate filter
![Page 5: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/5.jpg)
http://upload.wikimedia.org/wikipedia/commons/6/6e/HM_04_lowdetail.svg
http://zh.wikipedia.org/wiki/File:Mahuri.svg
![Page 6: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/6.jpg)
![Page 7: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/7.jpg)
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 10: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/10.jpg)
IE9+ Chrome 14+
Safari 4+ Firefox 3.6+ Opera 15+
Opera Mobile 12+ iOS 3+
Android 4.0+ BlackBerry 10
SUPPORT
![Page 11: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/11.jpg)
IE 6, 7, 8 Android 1-2.3
Opera Mini(on retina)
NOPE
![Page 12: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/12.jpg)
Browser support File size
![Page 13: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/13.jpg)
illustrator Inkscape Sketch svg-edit
![Page 14: Svg](https://reader036.fdocuments.in/reader036/viewer/2022080214/55a928c31a28abca768b474d/html5/thumbnails/14.jpg)
Refer
• Wiki
• https://code.google.com/p/svg-edit/
• http://css-tricks.com/mega-list-svg-information/
• http://vimeo.com/99828116