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

Làm thế nào để tạo đồ họa bằng script trong HTML?


Để tạo đồ họa bằng script, hãy sử dụng thẻ . Thẻ HTML dùng để vẽ đồ họa, hoạt ảnh, v.v. bằng cách sử dụng tập lệnh.

Sau đây là các thuộc tính của thẻ -

Thuộc tính
Giá trị
Mô tả
height Làm thế nào để tạo đồ họa bằng script trong HTML?
pixel
Chỉ định chiều cao của canvas.
width Làm thế nào để tạo đồ họa bằng script trong HTML?
pixel
Chỉ định chiều rộng của canvas.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai thẻ và tạo đồ họa -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Canvas Tag</title>
   </head>
   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00AEEF';
         ctx.fillRect(0,0,180,50);
      </script>
   </body>
</html>