CanvasRenderingContext2D.clearHitRegions

The CanvasRenderingContext2D.clearHitRegions() method of the Canvas 2D API removes all hit regions from the canvas.

Syntax

void ctx.clearHitRegions();

Examples

Using the clearHitRegions method

This example demonstrates the clearHitRegions() method.

HTML

<canvas id="canvas"></canvas>

JavaScript

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

// set some hit regions
ctx.addHitRegion({id: 'eyes'});
ctx.addHitRegion({id: 'nose'});
ctx.addHitRegion({id: 'mouth'});

// remove them altogether from the canvas
ctx.clearHitRegions();

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also

• CanvasRenderingContext2D.addHitRegion()
• CanvasRenderingContext2D.removeHitRegion()