SVGTransformList: initialize() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phương thức initialize() của giao diện SVGTransformList xóa tất cả các phần tử hiện tại khỏi danh sách và khởi tạo lại danh sách để giữ phần tử duy nhất được chỉ định bởi tham số.
Nếu phần tử được chèn đã có trong một danh sách, nó sẽ bị xóa khỏi danh sách trước đó trước khi được chèn vào danh sách này. Phần tử được chèn là chính phần tử đó chứ không phải bản sao.
Cú pháp
js
initialize(newItem)
Tham số
newItem-
Một phần tử
SVGTransformđược chèn vào danh sách.
Giá trị trả về
Một đối tượng SVGTransform; phần tử được chèn vào danh sách.
Ngoại lệ
NoModificationAllowedErrorDOMException-
Được ném ra nếu
SVGTransformListtương ứng với thuộc tính chỉ đọc hoặc khi bản thân đối tượng là chỉ đọc.
Ví dụ
Khởi tạo lại danh sách biến đổi với một biến đổi mới
html
<svg width="200" height="200" id="mySvg">
<rect width="100" height="100" fill="blue" />
</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 an initial translate transformation to the <rect> element
const translateTransform = svgElement.createSVGTransform();
translateTransform.setTranslate(50, 50);
transformList.appendItem(translateTransform);
// Number of transformations before initialization
console.log(
`Number of transformations before initialization: ${transformList.length}`,
); // Output: 1
// Create a new scale transformation
const scaleTransform = svgElement.createSVGTransform();
scaleTransform.setScale(2, 2);
// Initialize the list with the new scale transform
transformList.initialize(scaleTransform);
// Number of transformations after initialization
console.log(
`Number of transformations after initialization: ${transformList.length}`,
); // Output: 1
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__initialize |