How and what can be porfirovich svg following the mouse cursor?

Good afternoon. Interested in the solution of this problem:
There is a semi-circle, is made in SVG, but we'll see. When you mouse over it, it activates a plugin that will porfirovich SVG when you change the cursor position, up to a certain limit, after which the semi-circle will return to its original position.
Yet, all the plugins are found, we work with two variants of SVG: the source and destination.
June 14th 19 at 19:02
1 answer
June 14th 19 at 19:04
Usually such pieces of writing on the canvas, too much mathematics in 1 frame for the dom objects.
But in General all plugins and should work. They take shape before and after. You are required to calculate the desired period of time only after the shape. In fact, when moving the mouse you pull the next 1-3 tops, you can their coordinates and change.
I would probably 1 once considered a shape at maximum stretch strictly along the axis, and then rotated it with the cursor with the desired tension.

Find more questions by tags JavaScriptjQuerySVG