【问题标题】:Triggering a svg animation with jquery/javascript使用 jquery/javascript 触发 svg 动画
【发布时间】:2014-05-12 12:11:53
【问题描述】:

我有一个 .svg 文件,该文件使用 animateMotion 为圆圈设置动画。问题是我在页面底部使用 jquery 加载文件。当用户向下滚动时,动画已经播放了。我正在使用当 div 在视口中时运行一个函数的 waypoints jquery 插件。我很想用它来触发 .svg 中的 animateMotion。

非常感谢您的想法和想法。


【问题讨论】:

    标签: javascript jquery svg jquery-waypoints svg-animate


    【解决方案1】:

    如果您只是在文件出现时重新加载文件怎么办?这可能会自动运行 animateMotion,因为它会假定这是文件的初始加载。

    【讨论】:

    • 我确实尝试过。它遇到了互联网连接速度慢的问题。有时,以这种方式运行时,部分 svg 不会显示。所以,在航点函数中,我添加了这个: $("#greystage").load('svg/greyslide.svg',function(response){ $(this).addClass("svgLoaded"); if(!response ){ } });
    猜你喜欢
    • 2018-10-13
    • 2020-02-02
    • 1970-01-01
    • 2016-05-03
    • 2013-02-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多