javascript - 更好的 SVG 旋转文本渲染

标签 javascript text svg rotation

我想知道是否有办法更好地渲染 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/ 字符似乎没有遵循基线,我不明白为什么。

非常感谢您的帮助。

最佳答案

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

关于javascript - 更好的 SVG 旋转文本渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15385911/

相关文章:

html - 我想从 svg 文件中提取不同的图标

javascript - Zapier Javascript : Unexpected token ] - working in IDE, Repl.it 和 Node v6.3.1

javascript - 类型错误 : Cannot read property "namedValues" from undefined.(第 9 行,文件 "Code")

javascript - 使用 JQuery 进行 Ajax 调用?

html - 笔画动画,如何将另一条路径附加到出现的笔画?

javascript - 如何在传单中加载 SVG 图标?

javascript - 在jquery Load函数中传递动态id值

java - Java中简单的多色文本

c - 如何复制文本直到换行符?

java - "convert"Sublime text Snippets 是否可以在 Eclipse kepler 中使用它们?