Достичь межбуквенного интервала в RaphaelJs

Есть ли способ установить интервал между буквами в тексте raphael js? Это можно легко сделать в CSS, как я могу сделать это в raphael? Любые хаки также сделают ..


raphael letter-spacing
person rohan_vg    schedule 07.10.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Это можно сделать с помощью обычного css. посмотрите здесь: http://tutorials.jenkov.com/svg/text-element. HTML . CSS применяется и к svg.
Вот демонстрация, которая показывает текст svg с letter-spacing.

person gion_13    schedule 07.10.2012
comment
@rohan_vg Это потому, что Firefox не поддерживает атрибут межбуквенного интервала svg в течение последних 10 лет: см. bugzilla.mozilla.org/show_bug.cgi?id=371787. - person mpacer; 24.01.2016

arrow_upward
2
arrow_downward

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, и вместо реального текста будет отображаться невыбираемый объект пути.

person m90    schedule 07.10.2012