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) 2 The 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 ? | Firefox Full support Yes | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
Document Tags and Contributors
Tags:
Contributors to this page:
chrisdavidmills,
mdnwebdocs-bot,
fscholz,
teoli,
Sheppy,
ethertank,
louisremi
Last updated by:
chrisdavidmills,