We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

maskUnits

« SVG Attribute reference home

The maskUnits attribute defines the coordinate system for attributes x, y, width and height.

If the maskUnits 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 user coordinate system in place at the time when the <mask> element is referenced (i.e., the user coordinate system for the element referencing the <mask> element via the mask attribute).
objectBoundingBox
x, y, width and height represent fractions or percentages of the bounding box of the element to which the mask is applied. A bounding box could be considered the same as if the content of the <mask> were bound to a "0 0 1 1" viewbox.

Examples

Elements

The following elements can use the maskUnits attribute:

Document Tags and Contributors

Contributors to this page: Jeremie, Sheppy
Last updated by: Jeremie,