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尚未实现。

如果需要支持所有浏览器，则需要以其他方式设置这些属性。