У меня есть вкладка рисования холста и хочу, чтобы lineWidth был основан на расстоянии между двумя последними обновлениями координат mousemove. Я сделаю перевод расстояния до самой ширины, мне просто нужно знать, как получить расстояние между этими точками (у меня уже есть координаты этих точек).
Получите расстояние между двумя точками в холсте
Ответ 1
Вы можете сделать это с помощью теоремы Пифагора
Если у вас есть две точки (x1, y1) и (x2, y2), то вы можете вычислить разницу по x и разницу по y, назовем их a и b.
var a = x1 - x2;
var b = y1 - y2;
var c = Math.sqrt( a*a + b*b );
// c is the distance
Ответ 2
Обратите внимание, что Math.hypot
является частью стандарта ES2015. Там также есть хороший polyfill в
Ответ 3
http://en.wikipedia.org/wiki/Euclidean_distance
Если у вас есть координаты, используйте формулу для расчета расстояния:
var dist = Math.sqrt( Math.pow((x1-x2), 2) + Math.pow((y1-y2), 2) );
Если ваша платформа поддерживает оператор **
, вы можете использовать это:
const dist = Math.sqrt((x1 - x2) ** 2 + (y1 - y2) ** 2);
Ответ 4
Расстояние между двумя координатами x и y! x1 и y1 - первая точка/позиция, x2 и y2 - вторая точка/позиция!
function diff (num1, num2) {
if (num1 > num2) {
return (num1 - num2);
} else {
return (num2 - num1);
}
};
function dist (x1, y1, x2, y2) {
var deltaX = diff(x1, x2);
var deltaY = diff(y1, y2);
var dist = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
return (dist);
};
Ответ 5
Я стараюсь использовать этот расчет много в вещах, которые я делаю, поэтому мне нравится добавлять его в объект Math:
Math.dist=function(x1,y1,x2,y2){
if(!x2) x2=0;
if(!y2) y2=0;
return Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1));
}
Math.dist(0,0, 3,4); //the output will be 5
Math.dist(1,1, 4,5); //the output will be 5
Math.dist(3,4); //the output will be 5
Update:
этот подход особенно радует, когда вы оказываетесь в ситуациях, похожих на это (я часто это делаю):
varName.dist=Math.sqrt( ( (varName.paramX-varX)/2-cx )*( (varName.paramX-varX)/2-cx ) + ( (varName.paramY-varY)/2-cy )*( (varName.paramY-varY)/2-cy ) );
эта ужасная вещь становится намного более управляемой:
varName.dist=Math.dist((varName.paramX-varX)/2, (varName.paramY-varY)/2, cx, cy);