Safari中的SVG文本显示问题

时间:2017-04-25 17:36:43

标签: svg safari

我有一个SVG图像,我试图在HTML页面中显示。当这在Safari中显示时,文本会相互重叠,如下所示:

enter image description here

当我在Chrome中显示此svg时,文字显示效果更佳。您可以看到“One Center”文本没有重叠。

enter image description here

这4行的SVG代码如下:

enter image description here

这是标记:

rebase -i

commit --amend

<svg:g xmlns:svg="http://www.w3.org/2000/svg" transform="">
<svg:text transform=" scale(1, -1)" xml:space="preserve">
    <svg:tspan font-family="Helvetica" font-size="8px" y="-712.4" x="22.7 24.924 30.724 35.628 42.732 47.18 51.628 56.076 58.724 60.948 66.748 71.196 76.1 78.3 82.748 84.972 90.772 95.676 102.78 109.884 114.788 119.692 121.892 126.34 130.788 133.436 135.636 140.54 145.444 149.892" font-weight="bold" fill="rgb(0,0,0)">
        ABC DEF JHK
    </svg:tspan>
</svg:text>

有关为什么Safari会比Chrome更糟糕地渲染它的任何想法以及是否可以采取任何措施来解决这个问题?

0 个答案:

没有答案