D3でグラフ描画なんかをやっているとSVGのtext要素を枠線で囲ったりしたくなります。どのような文字列の入力にも対応できるようにするためには、text要素の縦横幅を取得して装飾を行う必要があるため、この稿ではその方法を紹介します。 SVG要素の描画領域の短形範囲がgetBBox()メソッドで取得できます。text要素のgetBBoxを呼ぶことでtextの縦横幅を取得することができます。 ソースコード <svg width="300px" height="300px"> <rect width="300" height="300" fill="lightgray"/> <text id="text1" x="50" y="30">text</text> <text id="text2" x="50" y="60" font-size="2em">text</text> <text id="