Phương thức fillRect () của canvas HTML được sử dụng để tạo một hình chữ nhật đầy trên trang web. Màu mặc định là màu đen. Phần tử
Sau đây là cú pháp -
context.fillRect(p,q,width,height);
Ở trên,
- p :Tọa độ x của góc trên bên trái của hình chữ nhật
- q :Tọa độ y của góc trên bên trái của hình chữ nhật
- chiều rộng :Chiều rộng của hình chữ nhật
- chiều cao :Chiều cao của hình chữ nhật
Bây giờ chúng ta hãy xem một ví dụ để triển khai phương thức fillRect () của canvas−
Ví dụ
<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="500" height="350" style="border:2px solid orange;">
</canvas>
<script>
var c = document.getElementById("newCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, 500, 350);
ctx.clearRect(250, 100, 50, 100);
</script>
</body>
</html> Đầu ra
