ระบุความสูงของผ้าใบ แท็ก HTML
มาดูองค์ประกอบ
<canvas id="myCanvas" width="100" height="100"></canvas>
นี่คือคุณลักษณะ -
| แอตทริบิวต์ | ค่า | คำอธิบาย |
ความสูง  | pixels | ระบุความสูงของผ้าใบ |
ความกว้าง  | pixels | ระบุความกว้างของผ้าใบ |
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีใช้ผืนผ้าใบเพื่อสร้างสี่เหลี่ยมผืนผ้า องค์ประกอบ canvas มีเมธอด DOM ที่เรียกว่า getContext ซึ่งรับบริบทการเรนเดอร์และฟังก์ชันการวาดภาพ ฟังก์ชันนี้รับพารามิเตอร์หนึ่งตัว ประเภทของบริบท 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> 