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

Question

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

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

如何才能做到这一点？谢谢

Answer 1

您可以执行以下操作，但它并不漂亮并且破坏了 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);

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

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