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);