This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The CanvasRenderingContext2D.removeHitRegion() method of the Canvas 2D API removes a given hit region from the canvas.
void ctx.removeHitRegion(id);
idDOMString representing the id of the region that is to be removed.removeHitRegion methodThis example demonstrates the removeHitRegion() method.
<canvas id="canvas"></canvas>
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
// Set a hit region
ctx.addHitRegion({id: 'eyes'});
// Remove it from the canvas
ctx.removeHitRegion('eyes');
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | Yes
|
? | 30
|
Yes | Yes | Yes |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | No | No | ? | 30
|
Yes | Yes | No |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/removeHitRegion