坐标系中两点的距离计算
屏幕坐标系中,我们所看到的对象是由x轴和y轴的位置数值决定,假设我们需要计算这两个对象之间的距离(距离可以用来制作动画,位移等等)
📐 数学公式
两个点的欧式距离(真实距离): d = √((x2-x1)²+(y2-y1)²) a²+b²=c² (勾股定理,直角三角形中,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));