标签：
http://www.cnblogs.com/pingfan1990/p/4757934.html
http://www.cnblogs.com/duanhuajian/archive/2013/07/31/3227410.html
http://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/
animateTransform中rotate针对的svg左上角那个点移动到元素中心点
实例代码：
<svg width="400" height="400"> <rect x="0" y="0" fill="green" rx="4" width="200" height="200"> <animateTransform attributeName="transform" type="rotate" form="0" to="360" begin="0" dur="5s" repeatCount="indefinite" /></rect></svg>例上面的代码我们让200x200的方形元素，做旋转运动，但是在svg里面rotate旋转针对的点是svg的左上角。我们想在针对元素中心点运动怎么办。
通常的解决方案：
<svg width="400" height="400"> <g transform="translate(200,200)"> <rect x="-100" y="-100" fill="green" rx="4" width="200" height="200"> <animateTransform attributeName="transform" type="rotate" form="0" to="360" begin="0" dur="5s" repeatCount="indefinite" /> <g></svg>标签：
原文地址：http://www.cnblogs.com/hzz521/p/5367807.html
