SVGMarkerElement: refX 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 refX của giao diện SVGMarkerElement trả về một đối tượng SVGAnimatedLength chứa giá trị của thuộc tính refX của phần tử <marker>.
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ề refX.
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 refX.
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.refX.baseVal.value); // 5
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGMarkerElement__refX |