javascript - 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 中获取裁剪器，如下所示: event.target.cropper