Phương thức clearRect

Phương thức clearRect hoạt động như một cục tẩy, làm sạch một vùng hình chữ nhật, khiến nội dung trở nên hoàn toàn trong suốt.

Cú pháp

javascriptngữ cảnh.clearRect(x, y, chiều rộng, chiều cao);

Ví dụ

Hãy vẽ một hình vuông nhỏ bằng fillRect và xóa một phần của nó bằng clearRect:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.fillRect(50, 50, 100, 100);
ctx.clearRect(75, 75, 50, 50);

Результат:

Xem thêm