Snap.SVGで 'fill'属性を '継承'に設定できません

Question

g要素のcircleには、グループ要素の塗りつぶし色を継承します。

コード：

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) 

#000000でc結果のfill属性。 FirefoxのHTMLインスペクタごとに手動で値をinheritに設定すると、色が適切に継承されます。

Answer 1

属性またはCSSが設定されていない限り、円は自動的に親の色を継承します。

「.attr（{fill： '継承'}）;」を削除すると、それは実際に動作します。

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

jsfiddle