SVGMarkerElement: markerHeight 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 markerHeight của giao diện SVGMarkerElement trả về một đối tượng SVGAnimatedLength chứa chiều cao của khung nhìn <marker> được định nghĩa bởi thuộc tính markerHeight.

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ề height.

Ví dụ

Thuộc tính markerHeight trả về một SVGAnimatedLength chứa một SVGLength với giá trị của thuộc tính markerHeight.

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.markerHeight.baseVal.value); // 6

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGMarkerElement__markerHeight

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