3

我尝试在 SVG 中沿着贝塞尔曲线路径渲染一些文本：

        <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
            <path id='menu_path' d="M 80,40 Q 200,85 245,205" stroke="none" fill="none"/>
            <text fill="white">
                <textPath xlink:href="#menu_path">News Info Presse Musik</textPath>
            </text>             
        </svg>

在 Firefox 中这工作正常，但在 Chrome 和 Safari 中，文本看起来很难看（查看“Musik”）。即使我使用等宽字体并将文本设置为大写，它也不会改变。

这里是截图：

有人知道如何避免这种情况吗？

我创建了一个显示问题的 jsfiddle：

http://jsfiddle.net/v6esx/

谢谢！

4

0 回答 0