【问题标题】:Why i can't set begin value of animate element using javascript?为什么我不能使用 javascript 设置动画元素的开始值?
【发布时间】:2019-11-29 13:41:19
【问题描述】:

为什么我不能使用 javascript 设置动画元素的开始值?

正如您在此处看到的 https://jsfiddle.net/z69fL3wk/ ,渐变动画的起始颜色为蓝色,因为 begin 的值是从 HTML 代码中设置的 -30s。

但是当我尝试在这里使用 JavaScript https://jsfiddle.net/h70j21m4/ 设置 begin 值时,它没有显示相同的结果。

我用这个jQuery来设置它:

$("animate").attr("begin", "-30s");

这个image取自inspect元素的第二个链接(使用javascript设置begin值的那个)。它显示与第一个链接相同的 HTML 代码(直接从 HTML 代码中设置 begin 值的链接),但结果不同。

除了使用setCurrentTime() 方法之外,任何其他产生蓝色作为开始渐变动画颜色的javascript方法(设置时间已过去30秒)?

注意:我在这里成功设置了durhttps://jsfiddle.net/30gkec7z/使用相同的方法(attr()

【问题讨论】:

  • 尝试使用类似let animate = document.querySelectorAll("animate") animate.forEach(a=>{a.beginElementAt(-30)})
  • @enxaneta 没用。据说“a.beginElementAt 不是函数”。

标签: javascript jquery svg svg-animate


【解决方案1】:

通过在HTML代码中设置begin值和indefinite解决,然后用javascript设置它。 https://jsfiddle.net/oqh24kfs/

【讨论】:

    猜你喜欢
    • 2021-11-28
    • 1970-01-01
    • 2021-12-21
    • 2020-04-03
    • 2015-08-13
    • 1970-01-01
    • 1970-01-01
    • 2012-01-29
    • 1970-01-01
    相关资源
    最近更新 更多