获得D3中的元素颜色

Question

对于以下d3代码:

var previousElement = d3.select(this);
console.log(previousElement.attr("style"));

结果如下:

fill: red;

要么

fill: rgb(152, 223, 138);

那么我怎样才能得到这个元素的确切颜色,这样我就可以做出如下判断:

if ( elementColor == 'red')

要么

if (elementColor == 'rgb(152, 223, 138)')

我试过了var elementColor = previousElement.attr("style").fill,它回来了null.

Answer 1

我相信你想要的previousElement.style('fill')不是使用.attr('style').有关文档,请参阅https://github.com/mbostock/d3/wiki/Selections#style.

您可能还想查看D3 Colors文档,https://github.com/mbostock/d3/wiki/Colors,因为这可能会对您有所帮助.