このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
SVGTextContentElement: getStartPositionOfChar() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
getStartPositionOfChar() は SVGTextContentElement インターフェイスのメソッドで、組版された文字の、テキストのレイアウトが実行された後の位置を返します。
構文
js
getStartPositionOfChar(index)
引数
index-
integerです。文字のインデックスです。
返値
DOMPoint オブジェクトです。ユーザー座標での文字の位置です。
例外
IndexSizeErrorDOMException-
indexの位置に文字がなかった場合に発生します。
例
文字の位置の取得
html
<svg width="300" height="100">
<text id="exampleText" x="10" y="50" font-size="16">Hello, SVG World!</text>
</svg>
js
const textElement = document.getElementById("exampleText");
// インデックス 0 (最初の文字)の位置を取得
const position = textElement.getStartPositionOfChar(0);
// 最初の文字の X 座標と Y 座標を取得
console.log(position.x, position.y); // 出力: 10 50
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextContentElement__getStartPositionOfChar |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。