Computer >> Máy Tính >  >> Lập trình >> HTML

Phương pháp HTML canvas fill ()

Phương thức fill () trong HTML canvas được sử dụng để điền vào đường dẫn bản vẽ hiện tại. Mặc định là màu đen. Phần tử cho phép bạn vẽ đồ họa trên trang web bằng JavaScript. Mỗi canvas đều có hai phần tử mô tả chiều cao và chiều rộng của canvas, tức là chiều cao và chiều rộng tương ứng.

Sau đây là cú pháp−

ctx.fill();

Bây giờ chúng ta hãy xem một ví dụ để triển khai phương thức fill () của canvas -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="450" height="250" style="border:2px solid blue;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
   var c = document.getElementById("myCanvas");
   var ctx = c.getContext("2d");
   ctx.beginPath();
   ctx.rect(50, 60, 300, 200);
   ctx.fillStyle = "green";
   ctx.fill();
</script>
</body>
</html>

Đầu ra

Phương pháp HTML canvas fill ()