raphael - 在 RaphaelJs 中实现字母间距

Question

有没有办法在 raphael js 文本中设置字母间距？它可以在 CSS 中轻松完成，我如何在 raphael 中完成？任何黑客也可以..

Answer 1

Paper.print()有一个字母间距属性：

var txt = r.print(10, 50, "O HAI", r.getFont("Comic Sans"), 30, 'middle', 1).attr({fill: "#fff"});
                                                                          ^
                                                           this is the letter spacing

请参阅相关文档。

请注意，这需要包含“cufon-style”字体文件，并将呈现一个不可选择的路径对象而不是真实文本。

Answer 2

它可以用普通的css来完成。看看这里：http ://tutorials.jenkov.com/svg/text-element.html 。css 也适用于 svg。
这是一个现场演示，显示 svg 文本letter-spacing。