HTML5 - 画布和拖放或将图像放在用户点击的位置

Question

好的，我的第一个问题是：

是否可以将画布上的图像拖放到画布上的其他位置？

我已经在画布上显示了图像，我希望用户能够通过单击和拖动来移动它。我知道Kinetic JS可以实现这一点，但是可以只使用常规的HTML5画布吗？

其次，如果第一个问题不可能：

是否可以在用户点击的位置将图片放置在画布上？

有人可以帮我解决这个问题，还是指点教程？

谢谢！

Answer 1

是否可以将画布上的图像拖放到画布上的其他位置？
是。您可以在此处详细了解相关信息 - http://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-an-image-tutorial/

是否可以在用户点击的位置将图片放置在画布上？
是。您需要找出被点击的canvas元素的坐标并相应地放置图像。

您可以在此处阅读更多内容并查看canvas元素的演示 - http://www.html5canvastutorials.com/

Answer 2

1. 是否可以将画布上的图像拖放到画布上的其他位置？。是。但是，如果你想要这个，你必须自己实现它。
2. 是否可以在用户点击的位置将图片放置在画布上？是。但是，如果您需要这个，首先必须实现1），然后实现拖动图像。