我试图使用Cropper.js来允许用户裁剪大图像 - 图像通常大于3000x3000像素。
当图像加载到我的div元素时，它会缩小到1024px宽。在我的测试用例中，原始图像为4032x2268，因此浏览器中的图像为1024x576。
getCropBoxData（）和getCanvasData（）方法返回要裁剪的所选区域的x，y，width和height值，但它们表示相对于图像的1024x576缩放，而不是实际图像的缩放原来的大小。
我尝试编写转换例程来确定X和Y比例值并进行相应的转换，但它无法正常工作。
此时我想我会在这里发帖，看看是否有更简单的方法。 Cropper.js似乎在getImageData（）方法中返回了scaleX和scaleY值，但它没有按照我希望的方式工作。
有人知道如何解决这个问题吗？
答案 0 :(得分：0)
我明白了。这就是事情。 getCropData（）方法中返回的“y”值是错误的。 “x”值也可能是错误的，但我不是100％肯定。我最终做的是从getData（）方法中提取x和y值，这是有效的。我希望这有时可以帮到某人！