直接上代碼，不多說了

var p1={x:100,y:100};//直線上的點(diǎn)p1
var p2={x:200,y:100};//直線上的點(diǎn)p2
 
var p3={x:0,y:300};//直線外的點(diǎn)p3


//---------------------------------交點(diǎn)坐標(biāo)
function getJiaoDian()
{
    var P={};
 
    //如果p1.x==p2.x 說明是條豎著的線
    if(p1.x-p2.x==0)
    {
        P.x=p1.x;
        P.y=p3.y;
    }
    else
    {
        var A=(p1.y-p2.y)/(p1.x-p2.x)
        var B=p1.y-A*p1.x
        var m=p3.x+A*p3.y
 
        P.x=(m-A*B)/(A*A+1)
        P.y=A*P.x+B
    }
     
    return P
}
//-----------------------------------距離
function getJuLi()
{
    var len;
 
    //如果p1.x==p2.x 說明是條豎著的線
    if(p1.x-p2.x==0)
    {
        len=Math.abs(p3.x-p1.x)
    }
    else
    {
        var A=(p1.y-p2.y)/(p1.x-p2.x)
        var B=p1.y-A*p1.x
         
        len=Math.abs((A*p3.x+B-p3.y)/Math.sqrt(A*A+1))
    }
     
    return len
}

　　

另外貼出 判斷點(diǎn)在線的左右側(cè)判斷方法

判斷點(diǎn)p在由p0,p1決定的直線左右側(cè)的公式：

var p0={x:?,y:?},p1={x:?,y:?},p={x:?,y:?}

var key = (p0.y – p1.y) * x + (p1.x – p0.x) * y + p0.x * p1.y – p1.x * p0.y
key > 0 在左側(cè)
key = 0 在線上
key < 0 在右側(cè)

　　

　　

總結(jié)

以上是生活随笔為你收集整理的js 求点到直线的距离（由2点确定的直线，求到第三点的距离，交点坐标）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。