SVGTransformList: getItem() メソッド
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
getItem() は SVGTransformList インターフェイスのメソッドで、リストから指定されたアイテムを返します。
返されるアイテムはアイテムそのものであり、コピーされるわけではありません。アイテムに加えられた変更は即座にリストに反映されます。
最初のアイテムのインデックスは 0 です。
構文
js
getItem(index)
引数
index-
integerです。指定されたアイテムのインデックスを unsigned long で表します。
返値
SVGTransform オブジェクトです。リスト内の指定されたアイテムです。
例外
NoModificationAllowedErrorDOMException-
SVGTransformListが読み取り専用属性に対応する場合、またはオブジェクト自体が読み取り専用である場合に発生します。
例
座標変換リストからアイテムにアクセス
html
<svg width="200" height="200" id="mySvg">
<rect width="100" height="100" fill="blue" />
</svg>
js
const svgElement = document.querySelector("svg");
const rectElement = svgElement.querySelector("rect");
// <rect> 要素の座標変換リストへのアクセス
const transformList = rectElement.transform.baseVal;
// <rect> 要素への移動座標変換を適用
const translateTransform = svgElement.createSVGTransform();
translateTransform.setTranslate(50, 50);
transformList.appendItem(translateTransform);
// 座標変換リストから先頭のアイテムを取得
const firstTransform = transformList.getItem(0);
// 変換型をログ出力
console.log(`変換型: ${firstTransform.type}`); // 出力: 2 (for SVG_TRANSFORM_TRANSLATE)
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__getItem |
ブラウザーの互換性
Loading…