2012-03-25 18 views
6

Ich möchte die Zeilenhöhe für ein mit raphael erzeugtes mehrzeiliges Textelement erhöhen. Dies scheint nicht zu funktionieren:Zeilenhöhe für Textelement in Raphael setzen

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

Wie kann dies getan werden? Danke

Antwort

6

Sie können Folgendes tun, aber es ist nicht hübsch und bricht die Verkapselung, die von Raphael zur Verfügung gestellt wird. Berücksichtigen Sie Folgendes:

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

Dadurch ergeben sich überlappende Textzeilen mit den Standardeinstellungen für die Schriftart.

Wenn ich einen besseren Weg entdecke, werde ich meine Antwort aktualisieren.

+0

Dieser arbeitete für mich. Leider habe ich alle obigen Beispiele ausprobiert und kein Glück. Vielen Dank. –