1. ホーム
  2. javascript

[解決済み] SVG のテキスト要素の幅を取得する

2022-05-14 06:33:50

質問

私はSVGファイルのためのECMAScript/JavaScriptに取り組んでいます。 widthheighttext 要素を囲む矩形のサイズを変更できるようにするためです。HTMLでは、私は offsetWidthoffsetHeight 属性がありますが、これらのプロパティは使用できないようです。

これは私が作業する必要がある断片です。テキストを変更するたびに矩形の幅を変更する必要がありますが、実際の width の幅を (ピクセル単位で) 取得する方法がわかりません。 text 要素のピクセル数です。

<rect x="100" y="100" width="100" height="100" />
<text>Some Text</text>

何かアイデアはありますか?

どのように解決するのですか?

var bbox = textElement.getBBox();
var width = bbox.width;
var height = bbox.height;

で、それに応じてrectの属性を設定します。

リンク getBBox() は、SVG v1.1 標準規格にあります。