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>