没有在IE中保留的空格的SVG文本元素

Question

我想在单个SVG <text>元素中保留空白区域.

这正常工作与XML:空间="保存"属性的文本元素,但在所有的IE浏览器.

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

这是jsfiddle,尝试在Chrome/Firefox中打开这个小提琴,在最新的IE中,注意文本元素文本中的空格不会保留在IE中.

的jsfiddle

任何解决方法,以便这也适用于IE？

Answer 1

我想你可以用 (这是unicode 非破坏空格字符)替换每个空格.

在javascript中,它将被写为\ u00A0.

Answer 2

如果您使用 d3，则效果很好：

.attr("style","white-space:pre")