Để vẽ một đường thẳng trong HTML, hãy sử dụng phần tử canvas. Với canvas, hãy sử dụng phương thức lineTo () để vẽ một đường thẳng. Phương thức lineTo () bao gồm các giá trị tham số x và y, dùng để định vị dòng.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để vẽ một dòng với lineTo () trong 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>