SVGTextPositioningElement: thuộc tính y
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 y của giao diện SVGTextPositioningElement mô tả tọa độ trục y của SVGTextElement hoặc SVGTSpanElement dưới dạng SVGAnimatedLengthList. Nó phản ánh vị trí dọc của các ký tự văn bản riêng lẻ trong hệ tọa độ người dùng theo thuộc tính y.
Giá trị thuộc tính là danh sách các <length>, <percentage>, hoặc <number>. Các giá trị số trong SVGAnimatedLengthList.baseVal phản ánh tọa độ y trong hệ tọa độ người dùng.
Giá trị
Ví dụ
Cho SVG sau:
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<text x="10" y="20">Hello</text>
<text x="50" y="50">World</text>
</svg>
Chúng ta có thể truy cập các giá trị đã tính toán của thuộc tính y:
js
const texts = document.querySelectorAll("text");
console.log(texts[0].y.baseVal[0].value); // output: 20
console.log(texts[1].y.baseVal[0].value); // output: 50
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPositioningElement__y |