Google chrome Chrome问题SVG转换

我试图用transfrom=translate（）定位svg矩形。 当我测试它时，我发现它在Chrome中不起作用，但在Firefox中效果很好

我也试过在Chrome上使用webkit，但也不起作用

在代码片段中，您可以看到当它用Chrome打开时有什么问题

现在有没有人能解决这个问题，或者我做错了什么

我认为这是SVG1.1与SVG2的问题。在浏览器通常支持的SVG1.1版本中，

transform

属性对于

元素无效。在SVG2中是允许的

Firefox已经开始实现一些SVG2功能，而Chrome还没有实现

---

最简单的解决方案就是将您的转换放在

上，我认为这可能与MathML支持有关。事实上，如果您检查transform属性MDN documentation页面，它会在您使用CSS回退时发出警告，正如您在这里看到的：（左firefox，右chrome）。但是，如果将转换应用于矩形而不是svg对象，它将按预期工作：是的@Paul LeBeau，我也遇到过类似的问题，这非常有效。