HTML에서 선을 그리려면 캔버스 요소를 사용하세요. 캔버스에서 lineTo() 메서드를 사용하여 선을 그립니다. lineTo() 메서드에는 선의 위치를 지정하는 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>