裁剪图片到个人资料

Posted 2023-02-25

【中文标题】裁剪图片到个人资料

【英文标题】：Cropped picture to the profile

【发布时间】：2013-05-24 09:44:17

【问题描述】：

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

【参考方案1】：

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

【讨论】：

谢谢！这应该足够开始...... :)

我刚刚做了一个快速更新，包括在页面加载时定位图片。看看吧。

另外，看看我遇到的这个小提琴 (jsfiddle.net/DqdRK)。请注意，这使用 jQuery 和 jQueryUI 进行拖动。

非常有帮助！我想这就是我需要知道的一切：）谢谢！