SVGUseElement: thuộc tính height
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 height của giao diện SVGUseElement mô tả chiều cao 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 height 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 cao 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" height="50" />
<use x="25%" y="50%" href="#circle2" height="100" />
</svg>
Chúng ta có thể truy cập các giá trị đã tính toán của thuộc tính height:
js
const uses = document.querySelectorAll("use");
const heightUse1 = uses[0].height;
const heightUse2 = uses[1].height;
console.log(heightUse1.baseVal.value); // output: 50
console.log(heightUse2.baseVal.value); // output: 100
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGUseElement__height |