SVG 属性在 Firefox 中被忽略

Question

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

在 Chrome 上 CSS 会按其应有的方式覆盖内联 SVG，但在 Firefox 上则不起作用。

Answer 1

更新 Firefox 现在支持几何属性。

但请确保您的值包含单位。

---

设置几何属性样式的能力，例如

cx

、

cy

和

r

，是即将推出的 SVG 2 标准的新功能。

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

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