Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 查找点和圆画布之间的切线_Javascript_Jquery_Html_Canvas - Fatal编程技术网

Javascript 查找点和圆画布之间的切线

Javascript 查找点和圆画布之间的切线,javascript,jquery,html,canvas,Javascript,Jquery,Html,Canvas,好的,有些我对我的三角学有点生疏了 本质上,我试图在画布上制造一种聚光灯。我试图保持一个9度的角度,这就是为什么这有点棘手。到目前为止,这是我的小提琴 非常接近,但我需要圆上的切点,这样我就可以在这两点和鼠标之间画一个三角形,所以我看起来像一个漂亮的光滑梁 以上基本上是我需要实现的图表和公式。我需要T点和S点。我希望这有意义。这是计算切线的代码: 哇,搞定了!非常感谢 it's a bit long please refer to the fiddle /\ //Calculat

好的,有些我对我的三角学有点生疏了

本质上,我试图在画布上制造一种聚光灯。我试图保持一个9度的角度,这就是为什么这有点棘手。到目前为止,这是我的小提琴

非常接近,但我需要圆上的切点,这样我就可以在这两点和鼠标之间画一个三角形,所以我看起来像一个漂亮的光滑梁


以上基本上是我需要实现的图表和公式。我需要T点和S点。我希望这有意义。

这是计算切线的代码:


哇,搞定了!非常感谢
it's a bit long please refer to the fiddle /\
    //Calculate Tangents
    var pointDistance = {
        x: beamCenter.x - mousePos.x,
        y: beamCenter.y - mousePos.y,
        length: function () {
            return Math.sqrt(this.x * this.x + this.y * this.y)
        }
    }

    var radius = getDist(p1.x, p1.y, p2.x, p2.y) / 2;
    //Alpha
    var a = Math.asin(radius / pointDistance.length());
    //Beta
    var b = Math.atan2(pointDistance.y, pointDistance.x);
    //Tangent angle
    var t = b - a;
    //Tangent points
    var T1 = {
        x: beamCenter.x + radius * Math.sin(t),
        y: beamCenter.y + radius * -Math.cos(t)
    };

    t = b + a;
    var T2 = {
        x: beamCenter.x + radius * -Math.sin(t),
        y: beamCenter.y + radius * Math.cos(t)
    }