SVGMarkerElement: viewBox property
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 viewBox của giao diện SVGMarkerElement trả về một đối tượng SVGAnimatedRect chứa các giá trị được đặt bởi thuộc tính viewBox trên phần tử <marker>.
Giá trị
Một đối tượng SVGAnimatedRect. Thuộc tính baseVal của đối tượng này trả về một đối tượng SVGRect, từ đó có thể lấy tọa độ x và y, cũng như width và height của thuộc tính viewBox của phần tử <marker>.
Ví dụ
Ví dụ này minh hoạ cách trả về giá trị width được đặt cho thuộc tính viewBox của phần tử <marker>.
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"
preserveAspectRatio="xMidYMid meet"
markerWidth="6"
markerHeight="6"
orient="auto-start-reverse">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
</svg>
js
const marker = document.getElementById("arrow");
console.log(marker.viewBox.baseVal.width); // 10
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGFitToViewBox__viewBox |