Cropper.js：如何从cropend事件中获取裁剪实例？

嘿，这个问题Cropper.js的事件机制其实已经给你留好解决方案啦！在cropend事件触发时，事件对象的detail属性里就包含了当前的Cropper实例，完全不用依赖全局变量来获取。

你只需要修改你的事件监听代码，从event.detail.cropper中拿到实例就可以了，调整后的完整代码如下：

canvas.addEventListener('cropend', function (event) {
  // 从事件对象的detail属性中获取当前Cropper实例
  const cropper = event.detail.cropper;
  
  // 校验实例是否有效，和你最初的逻辑保持一致
  if (!(cropper instanceof Cropper)) {
    console.warn('Cropper实例未初始化');
    return;
  }

  const data = cropper.getData();
  const { min_width: minWidth, min_height: minHeight } = app.avatar;

  if (data.width < minWidth || data.height < minHeight) {
    cropper.setData({
      width: minWidth,
      height: minHeight
    });
  }
});

这样修改后，你的代码就不再依赖全局的cropper变量了，耦合度更低，也更可靠。另外我把app.avatar的属性做了解构赋值，让代码可读性更好——当然你要是习惯原来的写法也可以改回去。

内容的提问来源于stack exchange，提问作者Oleg Shakhov