index.md

title	slug	page-type	browser-compat
markerUnits	Web/SVG/Attribute/markerUnits	svg-attribute	svg.elements.marker.markerUnits

{{SVGRef}}

The markerUnits attribute defines the coordinate system for the {{SVGAttr("markerWidth")}} and {{SVGAttr("markerHeight")}} attributes and the contents of the {{SVGElement("marker")}}.

You can use this attribute with the following SVG elements:

• {{SVGElement("marker")}}

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 {{SVGAttr("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 {{SVGAttr("stroke-width")}} attribute) in place for the graphic object referencing the marker.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{SVGElement("marker")}}
• {{SVGAttr("markerWidth")}}
• {{SVGAttr("markerHeight")}}
• {{SVGAttr("stroke-width")}}