Перейти к содержанию

clearRect()

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

Синтаксис

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)

Ссылки