在RaphaelJs中實現字母間距

Question

有沒有在raphael js文本中設置字母間距的方法？它可以很容易地在CSS中完成，我怎樣才能在拉斐爾做到這一點？任何黑客也將做..

Answer 1

它可以與正常的CSS來實現。看看這裏：http://tutorials.jenkov.com/svg/text-element.html。 CSS也適用於svg。
這是一個live demo，它顯示帶有letter-spacing的svg文本。

Answer 2

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。

注意，這需要包括「的Cufón式」字體文件，並會呈現非路徑可選擇對象，而不是真正的文本。