如何使用滑动、缩放和裁剪在 jquery 中操作图像的大小或位置

How do I manipulate the size or position of image in jquery using sliding, zooming and cropping?

本文关键字：图像操作位置 jquery 何使用缩放裁剪更新时间：2023-09-26

我想模仿Facebook的横幅图像上传裁剪功能。目前，它们允许用户上传横幅，但在保存横幅之前，他们会将其向上或向下滑动，直到显示他们想要的图像部分。

我想这样做，但也允许从左到右缩放和滑动。我将轴结果存储在数据库中，并使用溢出隐藏的 css 设置将图像的一部分隐藏在横幅div 之外。

是否有一个流行的插件可以做到这一点，它是轻八分之一且易于使用的？或者是否有一些我可以遵循的教程，以便我可以自己推出？

亲切问候

对于任何可能发现它有用的人，你可以使用 jQuery Guillotine 来做。它类似于Facebook的方法，而且它处理缩放和旋转。

查看演示。

看看下面的链接，这些链接可能符合你的目的，或者至少给你一些关于如何扮演你自己的角色的想法：

我建议在用户提交图像后对图像进行一些服务器端操作。这样，当您只需要其中的一小部分时，您就不会存储/加载非常大的图像。此外，每次加载图像进行显示时，都不需要逻辑来裁剪/缩放图像。