在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

请参阅 docs on that 。

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

Answer 2

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