[解決済み] SVG のテキスト要素の幅を取得する
2022-05-14 06:33:50
質問
私はSVGファイルのためのECMAScript/JavaScriptに取り組んでいます。
width
と
height
の
text
要素を囲む矩形のサイズを変更できるようにするためです。HTMLでは、私は
offsetWidth
と
offsetHeight
属性がありますが、これらのプロパティは使用できないようです。
これは私が作業する必要がある断片です。テキストを変更するたびに矩形の幅を変更する必要がありますが、実際の
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 標準規格にあります。
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] Linuxで特定のテキストを含むすべてのファイルを検索するにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] どのDOM要素にフォーカスがあるかを調べるには?
-
[解決済み] idによる要素の削除
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQuery scroll() は、ユーザーがスクロールを止めたことを検出する。
-
[解決済み] マングース ユーザーの全リストを取得する
-
[解決済み] jQueryでDIVを別のDIVに複製する
-
[解決済み] font-faceフォントのプリロード?
-
[解決済み] JavaScript 配列 中括弧と大括弧
-
[解決済み] 料金制限のあるAPIを独自にDogfoodする
-
[解決済み] Bootstrap モーダル:トグル時に背景がトップにジャンプする
-
[解決済み] jqueryで部分文字列を作成する方法
-
[解決済み] Chrome、Javascript、window.open in new tabについて
-
[解決済み] $.when.apply($, someArray)は何をするのですか?