HTML Canvas lineTo，但具有特定的大小/长度

Question

我想画一条从x，y=0到鼠标的线，但我想设置线的总长度/大小，这样线就不会一直到达鼠标

function drawLine(x, y, length) {
ctx.beginPath();
ctx.moveTo(0, 0);
let hyp = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2);

let newX; let newY; // how do I shorten x & y?
ctx.lineTo(newX, newY);
ctx.stroke();
ctx.closePath();
}

我的问题是，我怎么能重做x和y，这样线就在同一个方向上，但不会那么长？

Answer 1

尝试将其更改为exampleLength/2