10

私は文字列の配列を持っています。言う、

['Jan 11','Feb 11']

そして、これらの文字列を使用して縦書きのテキストを作成しています

<text x="60" y="154" text-anchor="middle" style="text-anchor: middle; font: normal normal normal 12px/normal Helvetica, Arial; " font="12px Helvetica, Arial" stroke="none" fill="#ffffff" transform="rotate(90 59.75 150)">
<tspan>Jan 11</tspan>
</text>

SVG がレンダリングされた後、テキストの高さが 36px であることがわかりました。フォントサイズを指定して事前にレンダリングされるテキストの高さを計算する方法はありますか?

4

1 に答える 1

16

メソッドを使用getBBoxして、SVG ノードの寸法を計算できます。

var textNode = document.getElementsByTagName('text'),
    bbox = textNode.getBBox();

//bbox now have x, y, width and height properties
于 2011-10-13T13:27:33.283 に答える