ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
### 网站 - [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)