Animation 在smil animateTransform内设置关键帧动画_Animation_Svg_Smil

Animation 在smil animateTransform内设置关键帧动画

animation svg

Animation 在smil animateTransform内设置关键帧动画,animation,svg,smil,Animation,Svg,Smil,我目前正在使用animateTransform制作一个动画 <animateTransform xmlns="http://www.w3.org/2000/svg" attributeName="transform" type="scale" additive="sum" begin="mouseenter" from="1" to="1.2" dur="1" /> 如何在svg/animateTransform标记中创建这样的动画？在SMIL语法中，CSS关键帧语法的对应项是使用

我目前正在使用animateTransform制作一个动画

<animateTransform xmlns="http://www.w3.org/2000/svg" attributeName="transform" type="scale" additive="sum" begin="mouseenter" from="1" to="1.2" dur="1" />

如何在svg/animateTransform标记中创建这样的动画？

在SMIL语法中，CSS关键帧语法的对应项是使用和包含分号分隔列表的属性：

<animateTransform xmlns="http://www.w3.org/2000/svg"
    attributeName="transform" type="scale" additive="sum"
    begin="mouseenter" dur="1"
    values="1;1.2;1" keyTimes="0;0.5;1 />

谢谢，这就是我要找的。对我来说很合适。
<animateTransform xmlns="http://www.w3.org/2000/svg"
    attributeName="transform" type="scale" additive="sum"
    begin="mouseenter" dur="1"
    values="1;1.2;1" keyTimes="0;0.5;1 />