Html 防止SVG SMIL单击动画多次运行
我用SMIL制作了以下SVG动画-点击后效果很好,但重复点击后会重新运行-如何防止这种情况?我希望它只运行一次,然后在另一次单击时不执行任何操作Html 防止SVG SMIL单击动画多次运行,html,svg,Html,Svg,我用SMIL制作了以下SVG动画-点击后效果很好,但重复点击后会重新运行-如何防止这种情况?我希望它只运行一次,然后在另一次单击时不执行任何操作 <g id="Gruppe_703" data-name="Gruppe 703" transform="translate(0 -185)" opacity="0"> <animateTransform attributeNam
<g id="Gruppe_703" data-name="Gruppe 703" transform="translate(0 -185)" opacity="0">
<animateTransform
attributeName="transform"
attributeType="XML"
type="translate"
from="0 -185"
to="0 -39"
dur="0.1s"
begin="Gruppe_589.click"
fill="freeze"/>
</g>
在动画结束时将“指针事件”属性设置为“无”,然后忽略进一步的鼠标单击
在动画结束时将“指针事件”属性设置为“无”,然后忽略进一步的鼠标单击
考虑其他选项以防止单击后重新设置动画: 此值表示动画只有在启动时才能重新启动 未激活,即在激活结束后。尝试重新启动 将忽略活动持续时间内的动画
考虑其他选项以防止单击后重新设置动画: 此值表示动画只有在启动时才能重新启动 未激活,即在激活结束后。尝试重新启动 将忽略活动持续时间内的动画
非常感谢,罗伯特。在动画的终点使用指针事件=无是一个好主意!非常感谢,罗伯特。在动画的终点使用指针事件=无是一个好主意!