W3cubDocs

/SVG

markerUnits

The markerUnits attribute defines the coordinate system for the markerWidth and markerUnits attributes and the contents of the <marker>.

Usage notes

Value userSpaceOnUse | strokeWidth
Default value strokeWidth
Animatable Yes
userSpaceOnUse
This value specifies that the markerWidth and markerUnits attributes and the contents of the <marker> element represent values in the current user coordinate system in place for the graphic object referencing the marker (i.e., the user coordinate system for the element referencing the <marker> element via a marker, marker-start, marker-mid, or marker-end property).
strokeWidth
This value specifies that the markerWidth and markerUnits attributes and the contents of the <marker> element represent values in a coordinate system which has a single unit equal the size in user units of the current stroke width (see the stroke-width attribute) in place for the graphic object referencing the marker.

Specifications

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
markerUnits Yes 12 Yes Yes Yes Yes
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
markerUnits Yes Yes Yes Yes Yes Yes

See also

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/markerUnits