Phương thức fill() của Canvas HTML

Giới thiệu

Phương thức fill() trong HTML Canvas dùng để tô màu đường dẫn (path) vẽ hiện tại. Mặc định màu tô là đen (#000000). Phần tử <canvas> cho phép vẽ đồ họa bằng JavaScript.

Cú pháp

ctx.fill();

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <canvas id="myCanvas" width="450" height="250" style="border:2px solid blue;">
    Trình duyệt của bạn không hỗ trợ thẻ canvas HTML5.
  </canvas>
  <script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.beginPath();
    ctx.rect(50, 60, 300, 200); // Tạo đường dẫn hình chữ nhật
    ctx.fillStyle = "green";   // Đặt màu tô
    ctx.fill();                // Tô màu
  </script>
</body>
</html>

Kết quả hiển thị

Một hình chữ nhật màu xanh lá được vẽ trên canvas.