我想模仿 Facebook 的横幅图片上传裁剪功能。目前,他们允许用户上传横幅,但在保存之前,他们可以将其向上或向下滑动,直到显示他们想要的图像部分。
我想这样做,但也允许从左到右缩放和滑动。我将轴结果存储在数据库中,并使用溢出隐藏 css 设置来隐藏横幅 div 之外的图像部分。
是否有一个流行的插件可以做到这一点,它轻巧且易于使用?还是有一些我可以遵循的教程,以便我自己推出?
亲切的问候
我想模仿 Facebook 的横幅图片上传裁剪功能。目前,他们允许用户上传横幅,但在保存之前,他们可以将其向上或向下滑动,直到显示他们想要的图像部分。
我想这样做,但也允许从左到右缩放和滑动。我将轴结果存储在数据库中,并使用溢出隐藏 css 设置来隐藏横幅 div 之外的图像部分。
是否有一个流行的插件可以做到这一点,它轻巧且易于使用?还是有一些我可以遵循的教程,以便我自己推出?
亲切的问候
对于任何觉得它有用的人,您都可以使用jQuery Guillotine来实现。它类似于 Facebook 的方法,另外它处理缩放和旋转。
检查演示。
看看下面的链接,它们可能对你有用,或者至少给你一些关于如何扮演你自己的角色的想法:
我建议在用户提交图像后对图像进行一些服务器端操作。这样,当您只需要一小部分时,您就不会存储/加载非常大的图像。此外,每次加载图像进行显示时,都不需要逻辑来裁剪/缩放图像。