Baseline Widely available
The length
read-only property of the SVGTransformList
interface represents the number of items in the list.
An integer
; the number of SVGTransform
objects in the list as an unsigned long.
length
Property
<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);
console.log(`Number of transformations: ${transformList.length}`); // Output: 1
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4