javascript - 裁剪图片到个人资料

Question

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

Answer 1

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