Артем Петров

width="300" height="100"
style="border:1px solid blue;" >

Очевидно же что вы указываете 300 на 100 а не 300 на 1

и на Canvas кстати используется LineTo

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");

// Start a new Path
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);

// Draw the Path
ctx.stroke();

Подробнее тут: https://www.w3schools.com/jsref/canvas_lineto.asp