裁剪后的图片到个人资料

Question

我想创建一个页面，其中将有一个“窗口”，我将加载一些图像。在此窗口中，可以通过鼠标移动图像。单击某个按钮后，图像的位置将被保存（或图像被裁剪？我不知道这将如何工作）并且图像在重新加载页面后将具有相同的位置。谁能帮我这个？我甚至不知道从哪里开始......

Answer 1

好吧，既然没有起始代码，这里有一般指南。您将要使用overflow:hidden;的DIV。然后，在DIV内部将是您的图像的另一个DIV或IMG标签。一旦你有了这个，只需谷歌“javascript draggable items”并编码你的内部DIV / IMG进行拖动。拖动图像后，您需要记录X，Y坐标（在数据库或其他存储位置）。保存X，Y坐标后，您需要知道当页面下次加载并相应地设置图像x，y（或边距）值时。具体取决于您的特定设置。