SVGTextPositioningElement: thuộc tính dx
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 dx của giao diện SVGTextPositioningElement mô tả tọa độ trục x của SVGTextElement hoặc SVGTSpanElement dưới dạng SVGAnimatedLengthList. Nó phản ánh độ dịch chuyển ngang 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 dx.
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 độ dịch chuyển ngang 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" dx="5">Hello</text>
<text x="50" y="50" dx="10">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 dx:
js
const texts = document.querySelectorAll("text");
console.log(texts[0].dx.baseVal[0].value); // output: 5
console.log(texts[1].dx.baseVal[0].value); // output: 10
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPositioningElement__dx |