SVGMarkerElement: refY 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 refY của giao diện SVGMarkerElement trả về một đối tượng SVGAnimatedLength chứa giá trị của thuộc tính refY 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ề refY.

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 refY.

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.refY.baseVal.value); // 5

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGMarkerElement__refY

Tương thích trình duyệt