错误：<text>属性转换：预期'）'，“翻译（-50％， - 50％）”

Question

我有一个包含这一行的SVG：

<text transform="translate(-50%,-50%)" text-anchor="middle" class="st11 st13" x="389" y="440" font-family="Roboto Condensed" style="fill: #ffffff">
    99
</text>

在Chrome中，我收到此错误，但在Safari

上似乎没问题

  

错误：属性转换：预期'）'，“翻译（-50％， - 50％）”。

Answer 1

在SVG 1.1 transform values must be numbers中，即不允许任何单位。

在SVG 2中，变换应该是CSS properties extra rules，以保持无单位SVG 1.1情况的向后兼容性。

也许Safari实施了SVG 2变换，而Chrome还没有这样做。 SVG 2是所有浏览器正在进行的工作。最常用的浏览器方式是省略单位或在需要时使用alternative way of producing a percentage transform。