得到元素的顏色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顏色文檔，https://github.com/mbostock/d3/wiki/Colors，因爲這可能會幫助你更多。

Answer 2

您可以使用d3.rgb()解析任何被指定爲樣式，然後比較R，G，B分量：

var colour = d3.rgb(previousElement.attr("style")); 
if(colour.r == 255 && colour.g == 0 && colour.b == 0) { 
    // ... 
}