d3不透明度过渡闪烁最终状态

10

我有一些基本的透明度过渡效果,类似于

emp_line.transition()
    .duration(1250)
    .attr('opacity', 1)

然而,当我运行它们时,这些项目经常会闪烁到完全不透明,然后又退回到无 and 淡入。有没有办法防止这种内容闪烁?

1个回答

17

测试发现,使用 .attr('opacity') 会出现闪烁问题,但使用 .style('opacity') 不会,因此将过渡效果更改为 .style() 可以解决此问题。

测试代码片段: http://jsfiddle.net/nrabinowitz/Y5uX6/

不知道为什么会这样 :(。


运行得很好。猜测一下...也许这是SVG引擎中的一个错误?使用.style意味着它依赖于CSS,这可能更加精细/得到了浏览器开发人员的更多关注。 - futuraprime
1
这个d3 google组的帖子可能也适用于此处,与从零值过渡以及javascript插值数字的方式有关:https://groups.google.com/forum/#!msg/d3-js/hRlz9hndpmA/BH89BQIRCp4J - Josh

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接