Tại sao sử dụng thẻ canvas trong HTML5?

Chỉ định chiều cao của canvas. Thẻ HTML

Hãy xem một phần tử

<canvas id="myCanvas" width="100" height="100"></canvas>

Đây là các thuộc tính -

Thuộc tính	Giá trị	Mô tả
height	pixel	Chỉ định chiều cao của canvas.
width	pixel	Chỉ định chiều rộng của canvas.

Tại sao sử dụng thẻ canvas trong HTML5?

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách sử dụng canvas để tạo hình chữ nhật. Phần tử canvas có một phương thức DOM được gọi là getContext, phương thức này nhận được ngữ cảnh kết xuất và các chức năng vẽ của nó. Hàm này nhận một tham số, loại ngữ cảnh 2d.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Canvas Tag</title>
   </head>
   <body>
      <canvas id = "myCanvas"></canvas>
      <script>
         var c = document.getElementById('myCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#7cce2b';
         ctx.fillRect(0,0,300,100);
      </script>
   </body>
</html>