２座標間の距離計算

サイ本 p.124

by ethertank

HTML

<p>直角三角形の斜辺の長さの二乗は、他の二辺の長さのそれぞれの二乗の和に等しい</p>

<math>
   <mrow>
      <mo>(</mo>
      <mi>ax</mi>
      <mo>-</mo>
      <mi>bx</mi>
      <mo>)</mo>
   </mrow>
   <mo>*</mo>
   <mrow>
      <mo>(</mo>
      <mi>ax</mi>
      <mo>-</mo>
      <mi>bx</mi>
      <mo>)</mo>
   </mrow>
   <mo>+</mo>
   <mrow>
      <mo>(</mo>
      <mi>ay</mi>
      <mo>-</mo>
      <mi>by</mi>
      <mo>)</mo>
   </mrow>
   <mo>*</mo>
   <mrow>
      <mo>(</mo>
      <mi>ay</mi>
      <mo>-</mo>
      <mi>by</mi>
      <mo>)</mo>
   </mrow>
</math>

<p>座標(x:0, y:0)から座標(x:1, y:1)までの距離は <span id="r"></span></p>

CSS

body{font-size:13px;}

math{font-size:1.3em;}

JavaScript

function distance(ax, ay, bx, by) {
    var dx = bx - ax;
    var dy = by - ay;
    return Math.sqrt(dx * dx + dy * dy);
}

var r =document.getElementById("r");
r.innerHTML = distance(0, 0, 1, 1); //ひとよひとよに