如何处理 Cropper.js 中的缩放和大图像？答案

【问题标题】：How to deal with scale and large images in Cropper.js?如何处理 Cropper.js 中的缩放和大图像？
【发布时间】：2017-05-17 16:10:43
【问题描述】：

我正在尝试使用 Cropper.js 来允许用户裁剪大图像——图像通常大于 3000x3000 像素。

当图像加载到我的 div 元素中时，它会缩小到 1024 像素宽。在我的测试用例中，原始图像是 4032x2268，所以在浏览器中是 1024x576。

getCropBoxData() 和 getCanvasData() 方法返回要裁剪的选定区域的 x、y、宽度和高度值，但它们表示相对于图像的 1024x576 缩放比例，而不是实际图像的比例以原来的大小。

我尝试编写一个转换例程来确定 X 和 Y 比例值并进行相应的转换，但它不能正常工作。

此时我想我会在这里发帖，看看是否有更简单的方法。 Cropper.js 似乎在 getImageData() 方法中返回了 scaleX 和 scaleY 值，但它并没有像我希望的那样工作。

有人知道我该如何处理吗？

【问题讨论】：

【解决方案1】：

我想通了。事情就是这样。 getCropData() 方法中返回的“y”值是错误的。 “x”值也可能是错误的，但我不能 100% 确定。我最终做的是从 getData() 方法中提取 x 和 y 值，这很有效。我希望这对某人有所帮助！

【讨论】：