JavaScript | 2点の座標から距離を計算・取得する方法
JavaScriptを使って2点の座標から距離を計算して取得する方法を紹介しています。
2点の座標から距離を計算する方法
2点の座標から距離を計算する方法の簡単なサンプルコードです。
let A = { x: 10, y: 10 };
let B = { x: 20, y: 20 };
let dist = Math.sqrt(Math.pow(A.x - B.x, 2) + Math.pow(A.y - B.y, 2));
console.log(dist);
// 14.142135623730951利用しているJavaScript関数の処理内容は以下の通りです。
| 関数 | 処理 |
|---|---|
| Math.sqrt() | 指定した値の平方根を計算する |
| Math.pow() | 第一引数の値を第二引数の値で乗算する |
2点間の距離の公式は以下の通りです。
(x2−x1)2+(y2−y1)2
要素の座標を取得する場合は以下のようにして取得する事が可能です。
HTML要素の位置はデフォルトの場合、左上の角となっています。
let rect = querySelector('#A').getBoundingClientRect();
let x = rect.top;
let y = rect.left;