SVG 动画延迟不起作用 - 立即重复
SVG animation delay not working - repeated instantly
我正在尝试创建一个 SVG 动画(基本上我正在移动一个滤镜)。如何在动画完成后延迟动画,使其不会立即重新启动。我尝试设置一个 id,然后添加 id.end + 时间,但这不起作用 - 动画立即重复。感谢您的帮助!
<mask id="mask1_1_7" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="92" height="82">
<rect id="MovingLayer_2" width="92" height="82" fill="#C4C4C4">
<animateTransform id="op"
attributeName="transform"
attributeType="XML"
type="translate"
from="0 0"
to="92 0"
dur="3s"
begin="0s;op.end+3s"
repeatCount="indefinite"
/>
</rect>
</mask>
正如@enxaneta 指出的那样,使用 repeatCount="1"
解决了问题
我正在尝试创建一个 SVG 动画(基本上我正在移动一个滤镜)。如何在动画完成后延迟动画,使其不会立即重新启动。我尝试设置一个 id,然后添加 id.end + 时间,但这不起作用 - 动画立即重复。感谢您的帮助!
<mask id="mask1_1_7" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="92" height="82">
<rect id="MovingLayer_2" width="92" height="82" fill="#C4C4C4">
<animateTransform id="op"
attributeName="transform"
attributeType="XML"
type="translate"
from="0 0"
to="92 0"
dur="3s"
begin="0s;op.end+3s"
repeatCount="indefinite"
/>
</rect>
</mask>
正如@enxaneta 指出的那样,使用 repeatCount="1"
解决了问题