用JavaScript测试图像上两点之间的距离

用浏览器原生支持的JavaScript，可以实现一个简单的测量图像两点之间距离的方法。基本原理是记录下 两次鼠标点击的位置。然后计算出距离，按F12，在console中粘入以步代码即可测试。   

var p1
var p2

document.addEventListener('mousedown', function(e) {
  if (!p1) {
    p1 = e
    return
  }

  p2 = e

  var dx = p2.clientX - p1.clientX
  var dy = p2.clientY - p1.clientY

  var dis = Math.sqrt(Math.abs(Math.pow(dx, 2) - Math.pow(dy, 2), 2))

  console.log('distance', dis)

  p1 = null
  p2 = null
})