SVGTransformList: clear() 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 clear()
-Methode der SVGTransformList
-Schnittstelle entfernt alle vorhandenen aktuellen Elemente aus der Liste, so dass eine leere Liste entsteht.
Syntax
js
clear()
Parameter
Keine.
Rückgabewert
Keiner (undefined
).
Ausnahmen
NoModificationAllowedError
DOMException
-
Wird ausgelöst, wenn
SVGTransformList
einem schreibgeschützten Attribut entspricht oder wenn das Objekt selbst schreibgeschützt ist.
Beispiele
Löschen aller Transformationen von einem SVG-Element
html
<svg width="200" height="200" id="mySvg">
<rect width="100" height="100" fill="blue" transform="translate(50,50)" />
</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;
// Apply a translate transformation to the <rect> element
const translateTransform = svgElement.createSVGTransform();
translateTransform.setTranslate(50, 50);
transformList.appendItem(translateTransform);
// Number of transformations before clearing
console.log(
`Number of transformations before clearing: ${transformList.length}`,
); // Output: 1
// Clear all transformations from the list
transformList.clear();
// Number of transformations after clearing
console.log(
`Number of transformations after clearing: ${transformList.length}`,
); // Output: 0
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__clear |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
clear |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.