javascript - CropperJS 在页面上创建新图像而不是裁剪指定的图像

Question

使用cropper js 尝试在页面上裁剪一个img，然而，它实际上是在页面上附加了两个相同的图像，我可以“滚动”来改变它们的纵横比。

            const cropper = new Cropper(image, {
                aspectRatio: 16 / 9,
                crop(event) {
                    console.log(event.detail.x);
                    console.log(event.detail.y);
                    console.log(event.detail.width);
                    console.log(event.detail.height);
                    console.log(event.detail.rotate);
                    console.log(event.detail.scaleX);
                    console.log(event.detail.scaleY);
                }
});

我也尝试这样做来设置裁剪尺寸；

       viewMode: 1,
        setData() {
            x: dimensions.left;
            y: dimensions.top;
            width: dimensions.width;
            height: dimensions.height;
        }

然而，事实证明这很困难。我错过了什么吗？

Answer 1

切换到使用 Jimp 库。弄清楚如何使用它进行裁剪要容易得多。