How to add and move items in the image?

Good time of day. There is a desire to make another dynamic service covers in the VC. With the server part is no problem - the problem with creating the editor this cover. The essence of roughly this:
1. The user presses the button "Upload image".
1.1 the Picture is immediately loaded without a page refresh.
2. The user presses one of the button which creates the image element that you can use it to move(with the mouse) and change the size of the item(either photo size or font).
3. The position of the elements is passed in post request.

Example: https://smmrecover.com/members/editor
959eda91bb03aeb0c0cbd2ccb4a5273b.png

I do not know in what direction to dig and Google - help please.

UPD:
Google did not help. Started help similar issues with the Toaster.
Dragging items: https://learn.javascript.ru/drag-and-drop
June 26th 19 at 13:58
1 answer
June 26th 19 at 14:00

Find more questions by tags ImagesCSSHTMLJavaScript