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

时间:2013-12-01 14:04:51

标签: javascript jquery css html5 canvas

我尝试了很多例子,但没有任何作用,因为我希望它是。 它仅适用于触摸屏设备(app),我使用的是jquery 1.8.3。

我所做的是上传照片,然后从服务器中取出照片并将其放入div中。 在那个div中,我需要能够将照片移动到我想要的任何地方。 当我点击下一步时,它将从我选择的照片中剪切出部分(服务器可以执行此操作)。

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

我想问的是:

有没有办法在div中移动背景,我在div(用户的观点)中看到的是图片将是什么,获取坐标并将它们提交给服务器。

,服务器将剪切该图片(使用该图片)的正方形,甚至旋转并保存。

服务器部分不是一个问题,它正在移动div en enordinates。

或者有没有人有更好的主意(我希望Instagram如何从图片中选择一个正方形)

1 个答案:

答案 0 :(得分:0)

你可以在背景中制作元素draggable.一旦它可以拖动,那么用户可以以任何方式拖动它。

最后,当单击提交按钮时,您可以检查框内的图片部分。