用JavaScript測試影象上兩點之間的距離

摘要： 用瀏覽器原生支援的JavaScript，可以實現一個簡單的測量影象兩點之間距離的方法。基本原理是記錄下 兩次滑鼠點選的位置。然後計算出距離，按F12，在console中粘入以步程式碼即可測試。    var p1 var p2 document.addEventListener('...

用瀏覽器原生支援的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
})