3

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

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

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

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

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

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

4

1 回答 1

0

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

于 2017-05-17T20:06:13.793 回答