在raphael中设置文本元素的行高

时间:2012-03-25 03:14:35

标签: svg raphael

我想增加用raphael生成的多行文本元素的行高。这似乎不起作用:

text_element.attr({"line-height": "16" });

如何做到这一点?感谢

1 个答案:

答案 0 :(得分:6)

你可以做到以下几点,但它并不漂亮,打破了Raphael提供的封装。请考虑以下事项:

text_element = r.text(10, 10, "Text in\nRaphael\nis a pain");

text_element.node.childNodes[0].setAttribute('dy', 0);
text_element.node.childNodes[1].setAttribute('dy', 5);
text_element.node.childNodes[2].setAttribute('dy', 5);

这将产生重叠的文本行与默认字体设置。

如果我发现更好的方法,我会更新我的答案。