radius
The radius attribute represents the radius (or radii) for the operation on a given <feMorphology> filter primitive.
If two numbers are provided, the first number represents the x-radius and the second one the y-radius. If one number is provided, then that value is used for both x and y. The values are in the coordinate system established by the primitiveUnits attribute on the <filter> element.
A negative or zero value disables the effect of the given filter primitive (i.e., the result is the filter input image).
You can use this attribute with the following SVG elements:
Usage notes
| Value | <number-optional-number> |
|---|---|
| Default value | 0 |
| Animatable | Yes |
Specifications
| Specification | Status | Comment |
|---|---|---|
| Filter Effects Module Level 1 The definition of 'radius' in that specification. | Working Draft | No change |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'radius' in that specification. | Recommendation | Initial definition |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
radius |
Yes |
12 |
4 |
Yes |
9 |
? |
Yes |
Yes |
4 |
? |
? |
Yes |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/radius