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

时间:2014-12-16 06:47:40

标签: internet-explorer svg whitespace

我想在单个SVG中保留空白区域<文本>元件。

除IE浏览器外,其他所有文本元素中的 xml:space ="保留" 属性都可以正常使用。

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

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

jsfiddle

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

2 个答案:

答案 0 :(得分:15)

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

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

答案 1 :(得分:1)

如果您使用的是d3,则效果很好:

MP4Box -dash 33000 -frag 33000 -out video.mpd -profile dashavc264:onDemand original.mp4#audio original.mp4#video