首页 > 代码库 > SVG简单动画
SVG简单动画
一：先来看效果
二：svg实现
<script src="https://code.csdn.net/snippets/593569.js" type="text/javascript"></script>
三：代码说明
animateTransform 元素是我们要为其制作动画的对象（即 rect）的子对象，它将执行所有费力的工作(2)因为方块的中心与视区的原点重合（坐标为 (400, 400)），所以方块将绕其中心旋转360 度
from="0" to="360"表示旋转的角度。 dur="5s" 表示旋转的时间。
(3) <line x1="-400" y1="0" x2="400" y2="0" style="stroke: black;" /> X轴线
<line x1="0" y1="-400" x2="0" y2="400" style="stroke: black;" /> Y轴线
SVG简单动画
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。