Javascript метод clearRect()

Метод clearRect() очищает заданную область пикселей внутри данного прямоугольника.

JavaScript синтаксис: context.clearRect(x, y, width, height);

Значения параметров

Параметр Описание
x Координата X верхнего левого угла очищаемой области
y Координата Y верхнего левого угла очищаемой области
width Ширина очищаемой области в пикселях
height Высота очищаемой области в пикселях

Пример

Очистим прямоугольную область внутри данного прямоугольника:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:


var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);