SVGMarkerElement: markerWidth 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 markerWidth của giao diện SVGMarkerElement trả về một đối tượng SVGAnimatedLength chứa chiều rộng của khung nhìn <marker> được định nghĩa bởi thuộc tính markerWidth.
Giá trị
Một đối tượng SVGAnimatedLength. Thuộc tính baseVal của đối tượng này trả về một SVGLength, giá trị của nó trả về width.
Ví dụ
Thuộc tính markerWidth trả về một SVGAnimatedLength chứa một SVGLength với giá trị của thuộc tính markerWidth.
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="auto-start-reverse">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
</svg>
js
let marker = document.getElementById("arrow");
console.log(marker.markerWidth.baseVal.value); // 6
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGMarkerElement__markerWidth |