SVGTextPositioningElement: thuộc tính rotate
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 rotate của giao diện SVGTextPositioningElement phản ánh góc xoay của các ký tự văn bản riêng lẻ, theo thuộc tính rotate của phần tử đã cho.
Giá trị
Một đối tượng SVGAnimatedNumberList.
Ví dụ
Cho SVG sau:
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<text x="10" y="20" rotate="45">Hello</text>
<text x="50" y="50" rotate="90">World</text>
</svg>
Chúng ta có thể truy cập thuộc tính rotate:
js
const texts = document.querySelectorAll("text");
console.log(texts[0].rotate.baseVal); // output: 45
console.log(texts[1].rotate.baseVal); // output: 90
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # __svg__SVGTextPositioningElement__rotate> |