フロントサイドエンジニアという選択肢

HTMLコーダー → ECサイト運営 → システムエンジニア という経歴の著者がフロントサイトエンジニアという職業に今後の活路を見出し、その道に進むために取得した技術を貯めておくブログ

(Javascript)Canvas内の2つの座標の距離を求める

canvasで何かを描画する際に、2つの座標の距離が必要になる場合があります。2点の距離を求めるサンプルをメモしておきます。

// 点aの座標
var xa = 0;
var ya = 0;

// 点bの座標
var xb = 100;
var yb = 100;

// x座標のみの差を求めて二乗する
var distanceX = (xa - xb)*(xa - xb);
// y座標も同じように処理
var distanceY = (ya - yb)*(ya - yb);

// 平方根を求める関数を使用して距離を出す
var dintance = Math.sqrt(distanceX + distanceY);

// 結果:141.4213562373095