坐标系中两点的距离计算

屏幕坐标系中,我们所看到的对象是由x轴和y轴的位置数值决定,假设我们需要计算这两个对象之间的距离(距离可以用来制作动画,位移等等)


📐 数学公式

两个点的欧式距离(真实距离):

d = ((x2-x1)²+(y2-y1)²)+=  (勾股定理,直角三角形中,c为斜边)

📌 JavaScript

参考代码:index.js

/*
* 计算两点的距离
*
* @param {Object} p1 - 第一个点的坐标
* @param {Object} p2 - 第二个点的坐标
* @returns {Number}
*/

export function twoPointsDistance(p1, p2) {
    const dx = p2.x - p1.x;
    const dy = p2.y - p1.y;
    const distance = Math.sqrt(dx * dx + dy * dy);
    return distance;
}

测试:test.js

import { twoPointsDistance } from './index';

const p1 = { x: 10, y: 150 };
const p2 = { x: 20, y: 250 };


/*
结果: 100.4987562112089
*/
console.log(twoPointsDistance(p1, p2));