Phương thức HTML canvas clearRect ()

❮ Tham chiếu HTML Canvas

Thí dụ

Xóa một hình chữ nhật trong một hình chữ nhật nhất định:

YourbrowserdoesnotsupporttheHTML5canvastag.

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

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.

Method
clearRect() Yes 9.0 Yes Yes Yes

Định nghĩa và Cách sử dụng

Phương thức clearRect () xóa các pixel được chỉ định trong một hình chữ nhật nhất định.

Cú pháp JavaScript: context .clearRect ( x, y, width, height );

Giá trị tham số

Parameter Description Play it
x The x-coordinate of the upper-left corner of the rectangle to clear
y The y-coordinate of the upper-left corner of the rectangle to clear
width The width of the rectangle to clear, in pixels
height The height of the rectangle to clear, in pixels

❮ Tham chiếu HTML Canvas