svg · 前端知識庫

### 網站 - [MDN svg](https://developer.mozilla.org/en-US/docs/Web/SVG) - [Snap.svg](http://snapsvg.io/) The JavaScript SVG library for the modern web. - [svgtrick](http://svgtrick.com/) 專注于分享 svg 使用經驗、技巧、以及教程的網站。 ### 文章 > 來自[沙場秋點兵](http://www.cnblogs.com/dxy1982/) - [突襲HTML5之SVG 2D入門1 - SVG綜述](http://www.cnblogs.com/dxy1982/archive/2012/03/15/2381312.html) - [突襲HTML5之SVG 2D入門2 - 圖形繪制](http://www.cnblogs.com/dxy1982/archive/2012/04/06/2395729.html) - [突襲HTML5之SVG 2D入門3 - 文本與圖像](http://www.cnblogs.com/dxy1982/archive/2012/04/09/2395728.html) - [突襲HTML5之SVG 2D入門4 - 筆畫與填充](http://www.cnblogs.com/dxy1982/archive/2012/04/14/2395734.html) - [突襲HTML5之SVG 2D入門5 - 顏色的表示](http://www.cnblogs.com/dxy1982/archive/2012/04/14/2447065.html) - [突襲HTML5之SVG 2D入門6 - 坐標與變換](http://www.cnblogs.com/dxy1982/archive/2012/05/07/2395732.html) - [突襲HTML5之SVG 2D入門7 - 重用與引用](http://www.cnblogs.com/dxy1982/archive/2012/05/17/2503782.html) - [突襲HTML5之SVG 2D入門8 - 文檔結構](http://www.cnblogs.com/dxy1982/archive/2012/05/18/2456900.html) - [突襲HTML5之SVG 2D入門9 - 蒙板](http://www.cnblogs.com/dxy1982/archive/2012/06/01/2395742.html) - [突襲HTML5之SVG 2D入門10 - 濾鏡](http://www.cnblogs.com/dxy1982/archive/2012/06/13/2530529.html) - [突襲HTML5之SVG 2D入門11 - 動畫](http://www.cnblogs.com/dxy1982/archive/2012/07/04/2395740.html) - [突襲HTML5之SVG 2D入門12 - SVG DOM](http://www.cnblogs.com/dxy1982/archive/2012/07/20/2417379.html) - [突襲HTML5之SVG 2D入門13 - svg對決canvas](http://www.cnblogs.com/dxy1982/archive/2012/07/25/2409234.html) --- - [帥氣的SVG路徑描邊動畫 (path animation) 實戰應用](https://segmentfault.com/a/1190000007811310) - [三看 SVG Web 動效](https://aotu.io/notes/2016/11/22/SVG_Web_Animation/) - [CSS shapes (形狀),clip-path (裁剪路徑) 和 mask (蒙版) 使用方法總結](http://svgtrick.com/tricks/dd749787f3c5fe258ea86e5573e4e6d4)