无法使用Snap.SVG将'fill'属性设置为'inherit'

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的{​​{1}}属性会产生c。如果我在Firefox中为每个HTML检查器手动将值设置为#000000，则颜色会被正确继承。

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