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
andmarkerUnits
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 amarker
,marker-start
,marker-mid
, ormarker-end
property). strokeWidth
- This value specifies that the
markerWidth
andmarkerUnits
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 thestroke-width
attribute) in place for the graphic object referencing the marker.
Specifications
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 |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
markerUnits | Chrome Full support Yes | Edge Full support 12 | Firefox Full support Yes | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support