Javascript 更好的SVG旋转文本呈现

我想知道是否有一种方法可以更好地呈现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>

SVG文本测试

您可以在此处测试此代码的呈现： 角色似乎没有遵循基线，我不明白为什么

---

非常感谢您的帮助。

我也有类似的问题。旋转文本时，所有字母都会抖动。这在所有浏览器中都会发生。幸运的是，我没有那么多可供旋转的文本，我只是将

文本

转换为

路径

。在那之后，它工作得很好。但是，如果您必须旋转大量文本，svg的大小将显著增加。

aww。。。你知道有什么工具可以做这项工作吗？我认为使用svg字体可能会有所帮助（路径？），但不会。我的SVG图形是用一些javascript生成的。我没有太多的旋转文本，但由于它是动态内容，我不能手动执行。谢谢你的回复。顺便说一句，我的内容是静态的，使用Inkscape很容易。。。在您的情况下，我可以建议通过gliph定义字母，并尝试使用它们。为您提供一些有用的链接：也许：使用SVG字体会更好，请检查我的项目中是否应用了这些链接，现在就完美了！非常感谢你的帮助！是的，这是更好的方法（我下次用它）。很乐意帮忙。在歌剧中，我觉得这个例子很好。在任何情况下，

文本渲染：几何精度

通常适用于强制浏览器以更高的精度渲染（适用于旋转文本）。但是，如果其他浏览器忽略了该提示，则不确定它是否会解决此问题。