Attribut 'fill' kann nicht auf 'erben' mit Snap.SVG gesetzt werden

Question

Ich möchte ein circle Element in einem g Element, um die Füllfarbe vom Gruppenelement zu erben.

Code:

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

output:

rgb(0, 0, 0) 

fill Das Attribut c Ergebnisse in #000000. Wenn ich den Wert manuell auf inherit pro HTML-Inspektor in Firefox setze, wird die Farbe korrekt geerbt.

Answer 1

Der Kreis erbt automatisch die Farbe des übergeordneten Elements, solange das Attribut oder css nicht darauf gesetzt ist.

Also, wenn Sie die '.attr ({füllen:' erben '});' es wird tatsächlich funktionieren.

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

jsfiddle