Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

จะสร้างกราฟิกด้วยสคริปต์ใน HTML ได้อย่างไร?


ในการสร้างกราฟิกด้วยสคริปต์ ให้ใช้แท็ก แท็ก HTML ใช้สำหรับวาดกราฟิก แอนิเมชั่น ฯลฯ โดยใช้สคริปต์

ต่อไปนี้เป็นแอตทริบิวต์ของแท็ก

แอตทริบิวต์
ค่า
คำอธิบาย
height จะสร้างกราฟิกด้วยสคริปต์ใน HTML ได้อย่างไร?
pixels
ระบุความสูงของผ้าใบ
ความกว้าง จะสร้างกราฟิกด้วยสคริปต์ใน HTML ได้อย่างไร?
pixels
ระบุความกว้างของผ้าใบ

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้แท็ก และสร้างกราฟิก -

<!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>