SVGMarkerElement: свойство markerUnits

Чтение-только свойство markerUnits интерфейса SVGMarkerElement возвращает объект SVGAnimatedEnumeration. Этот объект возвращает целое число, которое представляет значения ключевых слов, которые принимает атрибут markerUnits.

Объект SVGAnimatedEnumeration. Свойство baseVal этого объекта содержит одно из следующих значений:

0

SVG_MARKERUNITS_UNKNOWN, что означает, что атрибут markerUnits имеет значение, отличное от двух предопределённых ключевых слов.

1

SVG_MARKERUNITS_USERSPACEONUSE, что означает, что атрибут markerUnits имеет ключевое значение userSpaceOnUse.

2

SVG_MARKERUNITS_STROKEWIDTH, что означает, что атрибут markerUnits имеет ключевое значение strokeWidth.

Свойство markerUnits возвращает объект SVGAnimatedEnumeration, содержащий значение атрибута markerUnits.

<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"
      markerUnits="strokeWidth">
      <path d="M 0 0 L 10 5 L 0 10 z" />
    </marker>
  </defs>
</svg>

let marker = document.getElementById("arrow");
console.log(marker.markerUnits.baseVal); // 2