SVGMarkerElement: setOrientToAngle() method
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.
Phương thức setOrientToAngle() của giao diện SVGMarkerElement đặt giá trị của thuộc tính orient thành giá trị trong SVGAngle được truyền vào.
Cú pháp
js
setOrientToAngle(angle)
Tham số
Giá trị trả về
Không có (undefined).
Ví dụ
Trong ví dụ sau, giá trị của thuộc tính orient được cập nhật bằng setOrientToAngle() sử dụng một SVGAngle được tạo bởi SVGSVGElement.createSVGAngle().
html
<svg id="svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker
id="arrow"
viewBox="0 0 10 10"
refX="5"
refY="5"
markerWidth="6"
markerHeight="6"
orient="90">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
</svg>
js
let svg = document.getElementById("svg");
let marker = document.getElementById("arrow");
console.log(marker.orientAngle.baseVal.value); // value in SVG above - 90
let angle = svg.createSVGAngle();
angle.value = "110";
marker.setOrientToAngle(angle);
console.log(marker.orientAngle.baseVal.value); // new value - 110
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGMarkerElement__setOrientToAngle |