How to make such callouts?

Question

JavaScript

Actually the question is how to connect such a curve 2 points? so that both the points themselves and the text do not move, the curves also adjust. maybe there are ready-made scripts for drawing this in canvas?

Answer 1

I don't know if this is correct, but I did a similar thing in Photoshop, and then just pasted the picture. But not 5 fragments separately, but one drawing, the essence is the same, the hassle is less, I have not yet encountered nuances

Answer 2

the curve lies in an absolutely positioned block with fixed dimensions and a transparent background and overflow: hidden;
inside there is also an absolutely positioned div, which is actually a curve, with the necessary border-radus and border: 1px solid black;

Answer 3

You can try with SVG - blogs.sitepointstatic.com/examples/tech/svg-curves...