lineTo() to add Line to Canvas DEMO



HTML

<canvas id="my_canvas" width="500" height="200"  style="border:1px solid #000000;"></canvas>

JavaScript

const canvas = document.getElementById('my_canvas');
const ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(360, 160);
ctx.lineWidth = 10;
ctx.stroke();