There was a scripting error on this page. While it is being addressed by site editors, you can view partial content below.
{{SVGRef}}
The filterUnits attribute defines the coordinate system for the attributes {{SVGAttr("x")}}, {{SVGAttr("y")}}, {{SVGAttr("width")}} and {{SVGAttr("height")}}.
Only one element is using this attribute: {{SVGElement("filter")}}
Usage notes
| Value | userSpaceOnUse | objectBoundingBox |
|---|---|
| Default value | objectBoundingBox |
| Animatable | Yes |
userSpaceOnUse- {{SVGAttr("x")}}, {{SVGAttr("y")}}, {{SVGAttr("width")}} and {{SVGAttr("height")}} represent values in the current coordinate system that results from taking the current user coordinate system in place at the time when the {{SVGElement("filter")}} element is referenced (i.e., the user coordinate system for the element referencing the {{SVGElement("filter")}} element via a {{SVGAttr("filter")}} attribute).
objectBoundingBox- In that case, {{SVGAttr("x")}}, {{SVGAttr("y")}}, {{SVGAttr("width")}} and {{SVGAttr("height")}} represent fractions or percentages of the bounding box on the referencing element.
Specifications
| Specification | Status | Comment |
|---|---|---|
| {{SpecName("Filters 1.0", "#element-attrdef-filter-filterunits", "filterUnits")}} | {{Spec2("Filters 1.0")}} | Initial definition |
| {{SpecName("SVG1.1", "filters.html#FilterElementFilterUnitsAttribute", "filterUnits")}} | {{Spec2("SVG1.1")}} | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
{{Compat("svg.elements.filter.filterUnits")}}
Document Tags and Contributors
Tags:
Contributors to this page:
Sebastianz,
Jeremie
Last updated by:
Sebastianz,