SVGTransformList: getItem() Methode
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Die getItem()
-Methode der SVGTransformList
-Schnittstelle gibt das angegebene Element aus der Liste zurück.
Das zurückgegebene Element ist das Element selbst und keine Kopie. Alle Änderungen, die an dem Element vorgenommen werden, sind sofort in der Liste sichtbar.
Das erste Element hat den Index 0
.
Syntax
getItem(index)
Parameter
index
-
Ein
integer
; der Index des angegebenen Elements als unsignierte lange Zahl.
Rückgabewert
Ein SVGTransform
-Objekt; das angegebene Element aus der Liste.
Ausnahmen
NoModificationAllowedError
DOMException
-
Wird ausgelöst, wenn
SVGTransformList
einem schreibgeschützten Attribut entspricht oder das Objekt selbst schreibgeschützt ist.
Beispiele
Zugriff auf ein Element aus der Transformationsliste
<svg width="200" height="200" id="mySvg">
<rect width="100" height="100" fill="blue" />
</svg>
const svgElement = document.querySelector("svg");
const rectElement = svgElement.querySelector("rect");
// Access the transform list of the <rect> element
const transformList = rectElement.transform.baseVal;
// Apply a translate transformation to the <rect> element
const translateTransform = svgElement.createSVGTransform();
translateTransform.setTranslate(50, 50);
transformList.appendItem(translateTransform);
// Get the first item from the transform list
const firstTransform = transformList.getItem(0);
// Log the transformation type
console.log(`Transformation Type: ${firstTransform.type}`); // Output: 2 (for SVG_TRANSFORM_TRANSLATE)
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__getItem |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
getItem |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support