CropperJS создает новые изображения на странице вместо обрезки указанного изображения

Question

Используя кроппер js, чтобы попытаться обрезать img на странице, однако, на самом деле он добавляет еще 2 одинаковых изображения на страницу, которые я могу «прокрутить», чтобы изменить их соотношение сторон.

            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.Намного легче было понять, как обрезать, используя это.