Как узнать длину?

Question

[Ch cgtj Hihf]

Html:
<canvas od='canvas' width='500' height='500'>
Js:

function random (maxSum){
let rs = Math.floor(Math.random() * maxSum)
return rs;
}

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

class Line{
constructor(x, y, toX, toY){
this.x = x;
this.y = y;
this.toX = toX;
this.toY = toY;
}
}

var arrLine = [new Line(random(500), random(500), random(500), random(500)];

ctx.fillRect(0, 0, 500, 500);
ctx.fillStyle = 'white';
ctx.strokeStyle = 'white';

ctx.moveTo(arrLine[0].x, arrLine[0].y);
ctx.lineTo(arrLine[0].toX, arrLine[0].toY);
ctx.stroke()

Мне нужно получить длину нарисованной линии , и нарисовать новую линию в пол длины первой линии в произвольном направлении , как это возможно сделать?