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

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)

c 的 fill 属性导致 #000000。如果我在 Firefox 中根据 HTML 检查器手动将值设置为 inherit，颜色将被正确继承。

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