W3cubDocs

/SVG

patterncontentunits

The patternContentUnits attribute defines the coordinate system for the contents of the <pattern>. Note that this attribute has no effect if attribute viewBox is specified on the <pattern> element.

If the patternContentUnits attribute isn't specified, then the effect is as if a value of userSpaceOnUse were specified.

Note that values defined as a percentage inside the content of the <pattern> are not affected by this attribute. It means that even if you set the value of patternContentUnits to objectBoundingBox, percentage values will be calculated as if the value of the attribute were userSpaceOnUse.

Usage context

Categories None
Value userSpaceOnUse | objectBoundingBox
Animatable Yes
Normative document SVG 1.1 (2nd Edition)
userSpaceOnUse
The user coordinate system for the contents of the <pattern> element is the coordinate system that results from taking the current user coordinate system in place at the time when the <pattern> element is referenced (i.e., the user coordinate system for the element referencing the <pattern> element via a fill or stroke attribute) and then applying the transform specified by attribute patternTransform.
objectBoundingBox
the user coordinate system for the contents of the <pattern> element is established using the bounding box of the element to which the pattern is applied and then applying the transform specified by attribute patternTransform.

Examples

Elements

The following elements can use the patternContentUnits attribute:

© 2005–2018 Mozilla Developer Network 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/patternContentUnits