Невозможно установить атрибут fill для 'inherit' с помощью Snap.SVG

Question

Я хочу, чтобы circle в элементе g наследовал цвет заливки от элемента группы.

код:

var c = paper.circle(0, 0, 50).attr({fill:'inherit'}); 
var g = paper.g(c).attr({fill:'#F00'}); 
console.log(c.attr('fill'); 

выход:

rgb(0, 0, 0) 

fill атрибут c результатов в #000000. Если я вручную установил значение inherit для каждого инспектора HTML в Firefox, цвет наследуется должным образом.

Answer 1

Круг автоматически наследует цвет родителя, если атрибут или css не установлен на нем.

Итак, если вы удалите '.attr ({fill:' inherit '});' это действительно сработает.

var c = paper.circle(0, 0, 50); 
var g = paper.g(c).attr({fill:'#F00'}); 
console.log(c.attr('fill')); 

jsfiddle