獲取行圍框的座標

Question

我一直在使用JavaScript來編寫一個畫線系統。我希望繪製的線條可以選擇，所以我一直在嘗試實現線條高亮。正如你在下面的圖片中看到的，我有一條帶有已知座標和斜率截距（y = mx + b）的方程（黑色）。如何知道盒子的半徑，我怎樣才能計算出角點（用綠色圈起來）？

Answer 1

這是最簡單的向量的角度考慮的。

通過在該行作爲A的端部限定的點開始斷，而另一端作爲B

var A = new Vector(1, 1) 
var B = new Vector(5, 3) 

現在找到線的單位方向矢量（長度爲1指示的來自A的矢量到B），和它的垂直：

var dir = B.minus(A).normalize(); 
var dir_perp = new Vector(dir.y, -dir.x) 

和擴展他們是長度thickness的：

dir = dir.times(thickness); 
dir_perp = dir_perp.times(thickness) 

個

四個角則：

[ 
    A.minus(dir).plus(dir_perp), 
    A.minus(dir).minus(dir_perp), 
    B.plus(dir).minus(dir_perp), 
    B.plus(dir).plus(dir_perp) 
] 

顯然，這假設你有某種矢量數學庫。 Here's one I made earlier