【发布时间】: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秒)?
注意:我在这里成功设置了dur值https://jsfiddle.net/30gkec7z/使用相同的方法(attr())
【问题讨论】:
-
尝试使用类似
let animate = document.querySelectorAll("animate") animate.forEach(a=>{a.beginElementAt(-30)}) -
@enxaneta 没用。据说“a.beginElementAt 不是函数”。
标签: javascript jquery svg svg-animate