Как найти точки соприкосновения линии с границами холста после поворота холста ⇐ Javascript

[Гость]

Я плохо разбираюсь в геометрии, поэтому мне было бы проще просто увидеть формулу и понять, как она работает. Мне нужна формула на Javascript, чтобы я мог найти точку после поворота холста.

холст{ ширина: 100%; высота: 300 пикселей; контур: 1 пиксель, сплошной красный; } пусть холст = document.querySelector('canvas'); пусть ctx = Canvas.getContext('2d'); пусть w = холст.clientWidth; пусть h = Canvas.clientHeight; пусть line_width = 1; пусть градусы = 0; пусть рад = 0; ctx.lineWidth = ширина_строки; ctx.setLineDash([5,20]); ctx.strokeStyle = 'красный'; пусть x_1 = w/2; пусть y_1 = h/2; пусть x_2 = ш; пусть y_2 = ч; ctx.beginPath(); ctx.moveTo(x_1, y_1); ctx.lineTo(x_2, y_2); ctx.stroke(); ctx.translate(w/2,h/2); градусы += 45; рад = градусы * (Math.PI/180); ctx.rotate(рад); ctx.translate(-w/2,-h/2); ctx.beginPath(); ctx.moveTo(x_1, y_1); // Находим координаты точки и рисуем линию. //x_2 = ? //y_2 = ?