setting line height for text element in raphael

Question

I'd like to increase the line height for a multiline text element generated with raphael. This does not appear to work:

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

How can this be done? Thanks

Answer 1

You can do the following, but it's not pretty and breaks the encapsulation provided by Raphael. Consider the following:

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);

This will yield overlapping lines of text with the default font settings.

If I discover a better way, I'll update my answer.