3

我想知道是否有办法更好地渲染 svg 旋转文本？

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" width="900" height="400"  xmlns="http://www.w3.org/2000/svg">
     <text x="50" y="50" id="text_0" transform="rotate(17, 50, 50)">
         SVG text test 
    </text>
</svg>

您可以在此处测试此代码的呈现：http: //jsfiddle.net/vbzTd/2/ 似乎字符没有遵循基线，我不明白为什么。

非常感谢你的帮助。

4

1 回答 1

1

我有类似的问题。当文本旋转时，所有字母都在抽搐。它发生在所有浏览器中。幸运的是，我没有太多要旋转的文本，我只是转换text为path. 之后它完美地工作。但是，如果您必须旋转大量文本 - svg 的大小会急剧增加。

于 2013-03-13T13:08:01.700 回答