How to draw an Arc through three points | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 8

How to draw an Arc through three points

Hi, I dont get the arc through that red three points. I hoped, I can do it with bezier https://code.sololearn.com/WJ3TuQj34IKv

18th Oct 2018, 7:18 AM
Oma Falk
Oma Falk - avatar
5 Answers
+ 7
the intersection of perpendicular bisectors of two lines (joined by joining the points ) will give you the centre of a circle on which those 3 red points lie I don't know web so I dont know how do it using code I gave you a mathematical approach I think I guessed it right what you were asking for😅
18th Oct 2018, 8:20 AM
Saurabh Tiwari
Saurabh Tiwari - avatar
+ 4
I don't know enough JS to answer this. I tried bezier() in p5.js and also quadraticCurveTo() in regular canvas, but couldn't make either of them pass through the intermediate point. The only solution that I can think of is doing some math to find the center and the radius of the circle.
18th Oct 2018, 8:43 AM
Kishalaya Saha
Kishalaya Saha - avatar
19th Oct 2018, 1:24 PM
Gordon
Gordon - avatar
+ 2
Nice! This should work! Thanks Gordon Chan
19th Oct 2018, 1:30 PM
Kishalaya Saha
Kishalaya Saha - avatar
0
اوافق رأي سوراب تيواري
18th Oct 2018, 10:28 PM
Rasha