在 div 中移动图片并剪切位置并上传

Question

我尝试了很多示例，但都没有达到我想要的效果。 它仅适用于触摸屏设备（应用程序），我使用 jquery 1.8.3。

我所做的是我上传一张照片，它从服务器获取照片并将其放入一个 div 中。 在那个 div 中，我需要能够将照片移动到我想要的任何位置。 当我点击下一步时，它会从我选择的照片中剪掉一部分（服务器可以这样做）。

我尝试过画布，但它在触摸屏设备上不起作用。

我想问的是：

有没有办法在 div 中移动背景，我在 div 中看到的（用户视角）就是图片的样子，获取坐标并将它们提交给服务器。 服务器会从该图片（带有该坐标）中切出一个正方形，甚至可能会旋转并保存它。

服务器部分不是问题，它是 div 中的移动获取坐标。

或者有没有人有更好的主意（我想要 instagram，比如如何从图片中选择一个正方形）

Answer 1

你可以让元素在后台draggable.一旦它可以拖动，那么用户就可以以任何特定的方式拖动它。

最后，当点击提交按钮时，您可以查看图片的哪个部分在框内。