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
ngữ 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:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.fillRect(50, 50, 100, 100);
ctx.clearRect(75, 75, 50, 50);
:
Xem thêm
-
phương thức
fillRect,
nhờ đó có thể vẽ một hình chữ nhật được tô màu
