Question

143

Get distance between two points in canvas

rated 0 times [ 147] [ 4] / answers: 1 / hits: 177876 / 11 Years ago, sat, january 4, 2014, 12:00:00

I have canvas drawing tab and want lineWidth to be based on distance between two last mousemove coordinate updates. I will make translation of distance to width myself, I just need to know how to get distance between those points (I already have coordinates of those pointes).

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zainsagez

Add To Favorites

Follow

Total Points: 555

Total Questions: 99

Total Answers: 96

Location: Honduras

Member since Sat, Jul 24, 2021

3 Years ago

answered 11 Years ago marisela · Accepted Answer

You can do it with pythagoras theorem

If you have two points (x1, y1) and (x2, y2)
then you can calculate the difference in x and difference in y, lets call them a and b.

enter

var a = x1 - x2;

var b = y1 - y2;



var c = Math.sqrt( a*a + b*b );



// c is the distance