Moving a canvas shape in JS?

Question

JavaScript

The task is to make it possible to move the triangle according to the Drag and Drop principle, initially this code was written for a square and everything worked, but then the task changed and it became necessary to draw a triangle, then I could draw it, but I can’t organize its movement, tell me, please, how can I do this?
The code is quite voluminous, so a link to an external JSFiddle
PS just in case tops: top: [50,0]; left:[0.75]; right:[100,75]

Answer 1

keep