SVGUseElement: thuộc tính width
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.
Thuộc tính chỉ đọc width của giao diện SVGUseElement mô tả chiều rộng của phần tử được tham chiếu dưới dạng SVGAnimatedLength. Nó phản ánh giá trị đã tính toán của thuộc tính width trên phần tử <use>.
Giá trị thuộc tính là <length>, <percentage>, hoặc <number>. Giá trị số của SVGAnimatedLength.baseVal là chiều rộng của phần tử được tham chiếu trong hệ tọa độ người dùng.
Giá trị
Một SVGAnimatedLength.
Ví dụ
Cho SVG sau:
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<circle id="circle1" cx="50" cy="50" r="40" fill="blue" />
<circle id="circle2" cx="50" cy="50" r="40" fill="red" />
</defs>
<use x="50%" y="50%" href="#circle1" width="50" />
<use x="25%" y="50%" href="#circle2" width="100" />
</svg>
Chúng ta có thể truy cập các giá trị đã tính toán của thuộc tính width:
js
const uses = document.querySelectorAll("use");
const widthUse1 = uses[0].width;
const widthUse2 = uses[1].width;
console.log(widthUse1.baseVal.value); // output: 50
console.log(widthUse2.baseVal.value); // output: 100
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGUseElement__width |