W3cubDocs

/SVG

patternunits

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, width and height represent 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 a fill or stroke attribute) and then applying the transform specified by attribute patternTransform.
objectBoundingBox
the user coordinate system for attributes x, y, width and height 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 patternUnits 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/patternUnits