markerUnits

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	Status	Comment
Scalable Vector Graphics (SVG) 2 The definition of 'markerUnits' in that specification.	Candidate Recommendation	No significant change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'markerUnits' in that specification.	Recommendation	Initial definition

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`markerUnits`	Yes	12	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes