Cropper.js如何从处理的事件中获取裁剪器实例

Question

我正在尝试实现当框的大小小于允许的最小图像大小时，自动调整大小或裁剪框，目前我已经做到了这一点：

var cropper = document.getElementById('image_cropper').cropper;

        if (!cropper instanceof Cropper) {
            console.warning('cropper not initialized');
            return false;
        }

        var data = cropper.getData();

        if (data.width < app.avatar.min_width || data.height < app.avatar.min_height) {
            data.width = app.avatar.min_width;
            data.height = app.avatar.min_height;

            cropper.setData(data);

            return;
        }

但是希望在处理cropend事件时进行此计算：

canvas.addEventListener('cropend', function (event) {
                var data = cropper.getData();

                if (data.width < app.avatar.min_width || data.height < app.avatar.min_height) {
                    data.width = app.avatar.min_width;
                    data.height = app.avatar.min_height;

                    cropper.setData(data);

                }
            });

我的问题是：如何从事件中获取裁剪实例？

- Oleg Shakhov

Answer 1

我找到了解决方法： 我可以从事件的目标元素canvas中获取cropper，代码如下： event.target.cropper

- Oleg Shakhov