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

Question

我尝试了很多例子，但没有一个像我想要的那样有效。它仅适用于触摸屏设备(应用程序)，我使用 jquery 1.8.3。

我所做的是上传一张照片，它从服务器获取照片并将其放入一个 div 中。在那个 div 中，我需要能够将照片移动到我想要的任何位置。当我单击“下一步”时，它会从我选择的照片中剪切掉部分(服务器可以执行此操作)。

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

我想问的是:

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

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

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

Answer 1

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

最后，单击提交按钮时，您可以检查图片的哪一部分在框内。