SVGTransformList: appendItem()-Methode
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die appendItem()-Methode der SVGTransformList-Schnittstelle fügt ein neues Element am Ende der Liste ein.
Das eingefügte Element ist das Element selbst und keine Kopie.
- Wenn
newItembereits in einer Liste ist, wird es vor dem Einfügen in diese Liste aus seiner vorherigen Liste entfernt.
Syntax
js
appendItem(newItem) Parameter
newItem-
Ein
SVGTransform-Element, das der Liste hinzugefügt wird.
Rückgabewert
Ein SVGTransform-Objekt; das eingefügte Element aus der Liste.
Ausnahmen
NoModificationAllowedErrorDOMException-
Wird ausgelöst, wenn
SVGTransformListeinem schreibgeschützten Attribut entspricht oder wenn das Objekt selbst schreibgeschützt ist.
Beispiele
Hinzufügen einer neuen Transformation
html
<svg width="200" height="200"> <rect width="100" height="100" fill="red" /> </svg> js
const svgElement = document.querySelector("svg"); const rectElement = svgElement.querySelector("rect"); // Access the transform list of the <rect> element const transformList = rectElement.transform.baseVal; // Create a new translation transformation const svgTransform = svgElement.createSVGTransform(); svgTransform.setTranslate(50, 50); // Append the new transformation to the list const appendedTransform = transformList.appendItem(svgTransform); console.dir(appendedTransform); // Output: SVGTransform { type: 2, matrix: SVGMatrix, angle: 0 } console.log(`Total number of transformations: ${transformList.numberOfItems}`); // Output: 1 Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__appendItem |
Browser-Kompatibilität
Loading…