Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 防止SVG SMIL单击动画多次运行_Html_Svg - Fatal编程技术网

Html 防止SVG SMIL单击动画多次运行

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

我用SMIL制作了以下SVG动画-点击后效果很好,但重复点击后会重新运行-如何防止这种情况?我希望它只运行一次,然后在另一次单击时不执行任何操作

<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>

在动画结束时将“指针事件”属性设置为“无”,然后忽略进一步的鼠标单击


在动画结束时将“指针事件”属性设置为“无”,然后忽略进一步的鼠标单击


考虑其他选项以防止单击后重新设置动画:

此值表示动画只有在启动时才能重新启动 未激活,即在激活结束后。尝试重新启动 将忽略活动持续时间内的动画


考虑其他选项以防止单击后重新设置动画:

此值表示动画只有在启动时才能重新启动 未激活,即在激活结束后。尝试重新启动 将忽略活动持续时间内的动画


非常感谢,罗伯特。在动画的终点使用指针事件=无是一个好主意!非常感谢,罗伯特。在动画的终点使用指针事件=无是一个好主意!