SVG动画.资料

1、

SVG+JS path等值变化实现CSS3兴叹的图形动画 « 张鑫旭-鑫空间-鑫生活.html

http://www.zhangxinxu.com/wordpress/2014/06/svg-path-d-polyline-points-bezier-curves/

2、

SVG之Animation - 前端学习笔记 - SegmentFault.html

https://segmentfault.com/a/1190000009371194

3、

4、animate 的讲解

　　animate - SVG _ MDN.html（https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/animate）

　　_animate_ - SVG _ MDN.html（https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate）

　　ZC：貌似，中文的资料，在网页跳转的时候，自动定位 有点问题，可以参考 英文版里面的内容 一起看。

5、

超级强大的SVG SMIL animation动画详解 « 张鑫旭-鑫空间-鑫生活.html

http://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/

 

HTML5_SVG实现过山车动画 _ HTML5资源教程.html

http://www.html5tricks.com/html5-svg-shanche-animation.html

 

HTML5 SVG狐狸奔跑动画 相当大气 _ HTML5资源教程.html

http://www.html5tricks.com/html5-svg-fox-run-animation.html

 

HTML5 Canvas 图片粒子沙漏动画 _ HTML5资源教程.html

http://www.html5tricks.com/html5-canvas-image-flow-time.html

 

6、css（css3）各种图形

　　纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等） - CSDN博客.html

　　http://blog.csdn.net/dearmorning/article/details/55684378

 

　　CSS实现各种形状 - 默默淡然 - 博客园.html

　　https://www.cnblogs.com/liangxiaofeng/p/5936760.html

 

　　CSS实现圆角，三角，五角星，五边形，爱心，12角星，8角星，圆，椭圆，圆圈，八卦 - CSDN博客.html

　　http://blog.csdn.net/chenhongwu666/article/details/38905803

7、

8、

9、

10、