ในการวาดเส้นใน HTML ให้ใช้องค์ประกอบผ้าใบ สำหรับ canvas ให้ใช้เมธอด lineTo() เพื่อวาดเส้น เมธอด lineTo() ประกอบด้วยค่าพารามิเตอร์ x และ y ซึ่งกำหนดตำแหน่งบรรทัด
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อวาดเส้นด้วย lineTo() ใน HTML5 -
<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas</title>
</head>
<body>
<canvas id="newCanvas" width="300" height="150" style="border:1px solid #000000;"></canvas>
<script>
var c = document.getElementById("newCanvas");
var ctxt = c.getContext("2d");
ctxt.beginPath();
ctxt.moveTo(70, 50);
ctxt.lineTo(50, 120);
ctxt.stroke();
</script>
</body>
</html> 