HTML में एक रेखा खींचने के लिए, कैनवास तत्व का उपयोग करें। कैनवास के साथ, रेखा खींचने के लिए लाइनटो () विधि का उपयोग करें। लाइनटू () विधि में x और y पैरामीटर मान शामिल हैं, जो रेखा को स्थान देते हैं।
उदाहरण
आप HTML5 में lineTo() के साथ एक रेखा खींचने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं -
<!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>