In the Web, I want to know the type and name of processing for moving an image to an arbitrary position by drag-and-drop.

Note*Additional

This question has not been resolved because we have not received an answer to the following questions, but the fundamental problem of the questioner has been resolved and has been substantially resolved.

For more information, please check the author's comments in the Answer column.

What I want to do, but I don't understand

I would like to know the type and name of the process of moving the image to any position by dragging and dropping on the web.
The image should not be pulled from anywhere, but should already be in the specified position when the page is displayed.

In addition, when you can move an image to any area, I would like to adjust it to the center of the area (and preferably to the left).

"For a specific example, please visit the site shown in the ""Reference Material"" column below."

What do you want me to answer?

The following are the four points.I gave you four points, but I don't mind if it's a single one.

Current Key Usage Technologies

• React.js

Estimated Operating Environment

One is supposed to be mouse and trackpad operation, and two is supposed to be tap operation.
I would be happy if 3 could be realized together.Unknown is fine.

I'm sorry I couldn't specify it specifically, but the web browser type can be viewed by the browser type and version used in so-called households, so you don't need to consider, for example, Versionx.x.x, which is currently 3% IE.

What appears to be a blinding article found in the current situation survey

• HTML Drag and Drop API
• Implementing Druck and Drop in Javascript (without library) - Qiita

References

We expect the following behavior.

• Ultimate Smash Tier list

The image size is also very close to the ideal site.