The resize
event is fired when an SVG document is being resized. This event is only applicable to outermost SVG elements and is dispatched after the resize operation has taken place.
This basically implements the standard resize
DOM event.
Bubbles | No |
Cancelable | No |
Interface | SVGEvent
|
Event handler property | onresize
|
Examples
svgElem.addEventListener('resize', () => {
console.log('SVG resized.');
})
Specifications
Specification | Status | Comment |
Scalable Vector Graphics (SVG) 2The definition of 'event changes in SVG2' in that specification. | Candidate Recommendation | 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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
resize event
|
Chrome
Full support Yes |
Edge
Full support ≤79 |
Firefox
Full support Yes |
IE
? |
Opera
? |
Safari
? |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support Yes |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
SVGElement: resize event by Mozilla Contributors is licensed under CC-BY-SA 2.5.