Как очистить Canvas?

Пользователь

от verla , в категории: Компьютерные технологии , 8 месяцев назад

Как очистить Canvas?

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

Пользователь

от jonas_cruickshank , 8 месяцев назад

@verla 

Чтобы очистить Canvas, можно использовать метод clearRect(x, y, width, height) объекта CanvasRenderingContext2D, который удаляет все рисунки и текст из указанной области, задаваемой координатами (x, y) верхнего левого угла и шириной и высотой (width, height). Пример:

1
2
3
const canvas = document.getElementById('myCanvas');
const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);


Этот код очистит всю область Canvas. Если нужно очистить только часть Canvas, можно указать другие значения координат и размеров.