filterUnits
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The filterUnits
attribute defines the coordinate system for the attributes x
, y
, width
and height
.
You can use this attribute with the following SVG elements:
Usage notes
Value | userSpaceOnUse | objectBoundingBox |
---|---|
Default value | objectBoundingBox |
Animatable | Yes |
userSpaceOnUse
-
x
,y
,width
andheight
represent values in the current coordinate system that results from taking the current user coordinate system in place at the time when the<filter>
element is referenced (i.e., the user coordinate system for the element referencing the<filter>
element via afilter
attribute). objectBoundingBox
-
In that case,
x
,y
,width
andheight
represent fractions or percentages of the bounding box on the referencing element.
Specifications
Specification |
---|
Filter Effects Module Level 1 # element-attrdef-filter-filterunits |
Browser compatibility
BCD tables only load in the browser