markerUnits

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

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

You can use this attribute with the following SVG elements:

Usage notes

Value	`userSpaceOnUse` \| `strokeWidth`
Default value	`strokeWidth`
Animatable	Yes

userSpaceOnUse: This value specifies that the markerWidth and markerHeight 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 markerHeight 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.

Specification
Scalable Vector Graphics (SVG) 2> # MarkerUnitsAttribute>

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`markerUnits`	1	12	1.5	15	3	18	4	14	2	1.0	4.4	2