Phương thức fillRect

Phương thức fillRect vẽ một hình chữ nhật được tô màu tại một điểm đã cho. Hai tham số đầu tiên chỉ định tọa độ của điểm, nơi góc trên bên trái của hình chữ nhật được vẽ sẽ nằm.

Cú pháp

javascriptcontext.fillRect(x, y, width, height);

Ví dụ

Hãy vẽ một hình chữ nhật được tô màu bằng fillRect:

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

Результат:

Xem thêm