Question

我正在使用这个非常棒的插件“Cropper”来上传特定大小的图像。到目前为止，evertything工作正常，但是：

我打电话的时候：

    function moveImageToZero() {

    $("#target").cropper('moveTo',0,0);
}

从按钮单击或内部像这样<_ p>的cropper元素的on（'ready'）事件

    $("#target").on('ready', function () {
        moveImageToZero();
    });

画布移动到左上角。

无论如何，从cropper元素的Event-Handler中调用'moveTo'函数：

$("#target").on('zoom',function () {
            moveImageToZero();
        });

实际上没有发生任何事情。

正确调用函数，不抛出错误或异常。

有人有解决方案吗？

我正在尝试将图片/画布始终固定在左上角。

非常感谢任何帮助！

Answer 1

试试这个：

 $("#target").on('ready', function () {
    moveImageToZero(this.cropper); 
});

function moveImageToZero(cropper) {

 cropper('moveTo',0,0);
}

我不确定它是否有效，但是当我上次使用cropper时，我使用了原生的js cropper lib，代码看起来像这样：

const cropper = new Cropper(imageEl, {
        aspectRatio: this.aspectRatio 
        background: false,
        rotatable: true,
        zoomable: !!this.aspectRatio,
        movable: false,
        checkCrossOrigin: false,
        crop: (e) => {
            // on cropp event

        },
        ready: function () {
            self.cropper = this.cropper; // so I use it outside in my function/class
        }
    });

jQuery Cropper插件：将图像保持在左上角的缩放事件

1 个答案: