使用 JCrop 保存裁剪的图像

Posted 2023-02-25

【中文标题】使用 JCrop 保存裁剪的图像

【英文标题】：save cropped image using JCrop

【发布时间】：2013-10-08 11:05:07

【问题描述】：

我正在使用 jcrop 裁剪图像。我在保存之前显示裁剪图像的预览，如this demo page

现在我想保存这个裁剪的图像。

所以，我的问题是，jcrop 会在裁剪后创建一个新图像吗？这样我就可以直接保存新图像。

或者它只是为裁剪图像生成坐标？所以我必须保存那个坐标？？

【参考方案1】：

它只是使用

margin-left: -25px;
margin-top: -6px;

所以图像会出现在一个较小的 div 中。 所以它实际上并没有裁剪它。

如果是垂直裁剪，它也会重新调整照片大小并修改margin-top。

因此，如果您实际上保存了 img 的宽度、高度和边距，如果再次应用它，您将获得裁剪后的图像。

【讨论】：

关注高度和宽度？只有 margin-left 和 margin-top 足以显示裁剪图像？

是的，这就是他正在使用的。他使用负值，这将产生与 margin-bottom 相同的效果

好的。所以现在我必须将所有这些属性与图像一起保存，并且在显示图像仪式时我必须再次使用它们？

非常感谢。我现在就试试。

欢迎您，如果成功了别忘了接受答案 :)