SVGMarkerElement: свойство orientAngle

Базовая Широко поддерживается

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

Чтение только свойство orientAngle интерфейса SVGMarkerElement возвращает объект SVGAnimatedAngle, содержащий угол атрибута orient.

Значение

Объект SVGAnimatedAngle. Свойство baseVal этого объекта возвращает SVGAngle, значение которого возвращает angle.

Примеры

Свойство orientAngle возвращает SVGAnimatedAngle, который содержит SVGAngle с углом, заданным атрибутом orient, как число, представляющее количество градусов поворота маркера.

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

let marker = document.getElementById("arrow");
console.log(marker.orientAngle.baseVal.value); // 180 as .5turn is 180deg.

Спецификации

Спецификация
Векторная графика масштабируемого изображения (SVG) 2 # __svg__SVGMarkerElement__orientAngle

Совместимость браузеров

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`orientAngle`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	3

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGMarkerElement/orientAngle