带有空格的 SVG 文本元素未在 IE 中保留答案

【问题标题】：SVG text element with whitespace not preserved in IE带有空格的 SVG 文本元素未在 IE 中保留
【发布时间】：2015-02-14 10:24:31
【问题描述】：

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

这适用于除 IE 浏览器之外的所有文本元素中的 xml:space="preserve" 属性。

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

这里是 jsfiddle，尝试在 Chrome/Firefox 和最新的 IE 中打开这个 fiddle，注意文本元素文本中的空格在 IE 中没有保留。

有什么解决方法可以让 IE 也能正常工作吗？

【问题讨论】：

【解决方案1】：

我猜你可以用 &#160; 替换每个空格（这是 unicode non-breaking space 字符）。

在 javascript 中，它会写成 \u00A0。

【讨论】：

【解决方案2】：

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

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

【讨论】：