2014-12-08 113 views
0

我做了一个小例子显示问题:http://bl.ocks.org/nvcleemp/df035fc9c14f9955d4f0颜色过渡总是先从黑色

当您单击任一两个环节,然后就看到一个小动画,其改变背景颜色。这个动画总是从黑色开始,而我希望它从当前的颜色开始。这只是一个小例子,在真正的问题中,还有更多的链接必须改变颜色,而我不知道哪个是正确的起始颜色。 (我总是看它,但我不能硬编码到函数)

回答

1

有来自知名状态的转换开始时的最安全的方法是设定陈述自己。在你的情况下,设置开始背景颜色:

d3.select("#test1").style("background", notSelectedColor); 
d3.select("#test2").style("background", notSelectedColor); 

完整演示here

+0

对我来说演示仍然有在过渡期间开始黑的颜色。这不是你的情况吗?如果是这样,那么我们正在处理浏览器特定的问题。 – nvcleemp 2014-12-08 12:18:17

+0

在Opera和Chrome上适合我。 – 2014-12-08 12:20:05

+0

是的,对我来说,但Firefox总是从黑色开始。 – nvcleemp 2014-12-08 12:36:15