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

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);

                }
            });

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

Answer 1

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

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

Cropper.js how to get cropper instance from handled event

javascript

cropperjs