无法使用 Snap 将"fill"属性设置为"继承.SVG

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'));

斯菲德尔