HTML canvas clearRect() Method

❮ HTML canvas Reference

Example

let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");

ctx.fillStyle = "red";
ctx.fillRect(0, 0, 150, 150);
ctx.clearRect(25, 25, 100, 50);

Meaning

The clearRect() method clears the specified pixels within a given rectangle.


Standard Syntax

JavaScript syntax:

context.clearRect(x,y,width,height);



Browser Support




Status







Parameter Values

Parameter Description
x Specifies the x-coordinate of the upper-left corner of the rectangle to clear.
y Specifies the y-coordinate of the upper-left corner of the rectangle to clear.
width Specifies the width of the rectangle to clear, in pixels.
height Specifies the height of the rectangle to clear, in pixels.
❮ HTML canvas Reference