2015-04-23 8 views
6

Es scheint, dass line-height die einzige CSS-Eigenschaft ist, die in Svg-Text fehlt. Die beste Ressource auf SVG, die ich gefunden habe, ist: Jenkov.com SVG Tutorials und es gibt keine Erwähnung davon, weder could I find mention of it on MDN.SVG - wie man Text line-height setzt

Also wenn jemand definitiv Licht auf dieses oder eine Technik teilen kann. Ich interessiere mich grundsätzlich für den Abstand zwischen Textzeilen, die nicht eigenständige Textelemente umhüllen.

Dank

+0

Dies könnte helfen, aber sieht aus wie ein bisschen ein Hack http://StackOverflow.com/Questions/9857659/setting-line-Height-for-Text-Element-in -Raphael – geedubb

Antwort

5

SVG 1.1 (offiziell) nur Text unterstützt einzeilige, daher keine line-height Einstellung.

Ich habe gerade versucht, einen Block Text in Inkscape zu erstellen, und es verwendet ein flowRoot Element (enthält ein flowPara Element mit dem eigentlichen Text darin). Dann hat das flowRoot Element tatsächlich line-height zugewiesen (in%).

Ich weiß nicht, wie weit verbreitete Unterstützung für diesen Weg ist, seit it used to be part of SVG 1.2. Vielleicht möchten Sie auch hier schauen: Auto line-wrapping in SVG text