1. ホーム
  2. javascript

[解決済み] キャンバス上の2点間の距離の取得

2022-08-21 13:48:01

質問

私はキャンバス描画タブを持っていて、線幅を最後のマウスムーブ座標更新の2点間の距離に基づいて決めたいと思っています。私は距離から幅への変換を自分で行います。私はちょうどそれらの点間の距離を取得する方法を知る必要があります(私はそれらの点の座標をすでに持っています)。

どのように解決するのですか?

ピタゴラスの定理で解くことができます。

2つの点(x1, y1)と(x2, y2)があるとします。 とすると、xの差とyの差、仮にa,bと呼ぶと、計算できる。

var a = x1 - x2;
var b = y1 - y2;

var c = Math.sqrt( a*a + b*b );

// c is the distance