【问题标题】:d3 opacity transitions flash final stated3 不透明度过渡闪烁最终状态
【发布时间】:2012-08-31 18:31:15
【问题描述】:

我有许多基本的不透明度过渡

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

但是,当我运行它们时,这些项目通常会闪烁到完全不透明,然后又变回无并淡入。有什么方法可以防止这些内容闪烁吗?

【问题讨论】:

    标签: javascript d3.js transition


    【解决方案1】:

    对此进行测试,您似乎在.attr('opacity') 中得到了闪烁,但在.style('opacity') 中没有,因此将转换更改为.style() 应该可以解决此问题。

    测试小提琴:http://jsfiddle.net/nrabinowitz/Y5uX6/

    不知道为什么这应该是真的:(。

    【讨论】:

    • 工作愉快。猜测......也许这是SVG引擎中的一个错误?使用 .style 意味着它依赖于 CSS,这可能更精致/受到浏览器开发人员的更多关注。
    • d3 google 组上的这个线程也可能适用于此处,与从零值转换和 javascript 插入数字的方式有关:groups.google.com/forum/#!msg/d3-js/hRlz9hndpmA/BH89BQIRCp4J
    猜你喜欢
    • 2014-08-19
    • 1970-01-01
    • 2012-12-26
    • 2014-04-09
    • 1970-01-01
    • 2021-07-26
    • 1970-01-01
    • 2012-04-16
    • 2018-08-25
    相关资源
    最近更新 更多