internet-explorer - IE中未保留带有空格的SVG文本元素

Question

我想在单个SVG 元素中保留空白。

除IE浏览器外，在所有text元素中的 xml:space =“preserve” 属性中都可以正常工作。

  <text x="0" y="15" fill="red" xml:space="preserve">I     love     SVG!</text>

这是jsfiddle，请尝试在Chrome/Firefox和最新的IE中打开此 fiddle ，请注意，文本元素文本中的空白未在IE中保留。

jsfiddle

有任何解决方法，以便它也可以在IE中使用吗？

Answer 1

我猜你可以用 (这是Unicode的non-breaking space字符)替换每个空格。

在javascript中，它会写为\u00A0。