javascript - 无法使用 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