« SVG Attribute reference home
The patternUnits attribute defines the coordinate system for attributes x, y, width and height.
If the patternUnits attribute isn't specified, then the effect is as if a value of objectBoundingBox were specified.
Usage context
| Categories | None |
|---|---|
| Value | userSpaceOnUse | objectBoundingBox |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
- userSpaceOnUse
x,y,widthandheightrepresent values in the current 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 afillorstrokeattribute) and then applying the transform specified by attributepatternTransform.- objectBoundingBox
- the user coordinate system for attributes
x,y,widthandheightis established using the bounding box of the element to which the pattern is applied and then applying the transform specified by attributepatternTransform.
Examples
Elements
The following elements can use the patternUnits attribute: