получить цвет элемента 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, так как это может помочь вам еще больше.

Answer 2

Вы можете использовать d3.rgb() разобрать все, что указано в стиле, а затем сравнить R, G и B компоненты:

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