javascript - 使用 JCrop 保存裁剪的图像

Question

我正在使用 jcrop 裁剪图像。我在保存之前显示裁剪图像的预览，如本演示页面所示

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

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

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

Answer 1

它只是使用

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

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

在垂直裁剪的情况下，它也会重新调整照片的大小并修改margin-top.

所以如果你实际上保存了宽度、高度和边距，img如果你再次应用它，你将得到你裁剪的图像。