首页 > 其他 > 详细

svg双重动画的方法

时间:2021-03-03 15:06:15      阅读:31      评论:0      收藏:0      [点我收藏+]

svg双重动画的方法

<p>
    <svg>
        <g>
            <rect id="Rectangle-1" fill="#3C81C1" sketch:type="MSShapeGroup" x="0" y="0" width="100" height="125">
                <animatetransform attributename="transform" type="scale" from="1 1" to="3 1.25" begin="0s" dur="2s" repeatcount="0"></animatetransform>
            </rect>
            <animatetransform attributename="transform" type="translate" from="0 0" to="150 20" begin="0s" dur="2s" repeatcount="0"></animatetransform>
        </g>
    </svg>
</p>

  标签内只能加1个动画  所以 外面加个g标签。。又可以再加个动画

ps:圆形锚点在中心   其他都是左上角

svg双重动画的方法

原文:https://www.cnblogs.com/newmiracle/p/14473687.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!