SVG 属性在 Firefox 中被忽略

Question

我目前正在研究响应式 SVG。在 Chrome 上，一切看起来都不错并且可以正常工作。但是在 Firefox 上，我在 CSS 中的 cx cy cr 属性没有应用。

在 Chrome CSS 上覆盖内联 SVG，但在 Firefox 上它不起作用。

Properties on Firefox

HTML structure

Answer 1

设置几何属性样式的功能，例如 cx、cy 和 r，是即将推出的 SVG 2 标准的一项新功能。

Chrome 已经实现了 SVG2 的那部分，但是 Firefox 还没有。

如果您需要支持所有浏览器，则需要以不同的方式设置这些属性。