使用JavaScript动画SVG中的渐变。 Internet Explorer的奇怪行为

时间:2014-03-27 11:47:57

标签: javascript animation svg


我试图通过更新渐变坐标来设置评级控件(星形)的动画。
请找到svg here。这在firefox中完美运行。但是在Internet Explorer(IE 11)中,它没有被渲染。我尝试删除多边形并将其添加回来。但没有任何效果。在chrome中,第一个第一颗星被填充,然后被删除并变得动画!请看看这个。

在此先感谢:)

[更新]: 我能够在上面提到的控件中制作动画。检查链接。我不知道y,但在IE(ie11)中使用JavaScript更新渐变并不是使用渐变更新多边形。在ff& chrome,在更新渐变数据后,我们可以使用渐变观察poolygon或其他一些对象的变化。因此,在IE中,我开始删除对象,创建一个包含更新数据的新对象并添加到SVG树,而不是更新现有的svg oibject。它开始工作了。但这是一个开销。任何人都可以建议更好的方法!并且,Chrome和IE的初始闪烁仍然存在。截至目前,我在调用 animate()对象后在代码中使用timer函数隐藏了初始闪烁。有人可以帮忙解决这个问题吗?

感谢

0 个答案:

没有答案