SVGTransformList: length property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.

Thuộc tính chỉ đọc length của giao diện SVGTransformList đại diện cho số lượng phần tử trong danh sách.

Giá trị

Một integer; số lượng đối tượng SVGTransform trong danh sách là unsigned long.

Ví dụ

Truy cập thuộc tính `length`

html

<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