Angular/SVG:填充变暗或重叠?

Angular/SVG: Fill darkens or overlaps?

我在 Angular 中有一个 SVG,但我不确定填充是如何工作的。

foo 会重叠并使每个圆圈变暗,而 bar 不会。 在我看来两者应该产生相同的结果。

???

https://stackblitz.com/edit/angular-ivy-dog597?file=src/app/app.component.ts

'#' + 0xaaaaaa;序列化为#11184810,因为值 0xaaaaaa 已转换为十进制,您可以看到,如果添加类似 console.log('#' + 0xaaaaaa);

的内容

然后 11184810 被浏览器解释为十六进制 rgba,即红色 = 11、绿色 = 18、蓝色 = 48 和 alpha = 10。

我猜你真正想要的可能是这样的东西......

console.log('#' + 0xaaaaaa.toString(16));