Jcrop 新版本用一个按钮创建一个小部件并用另一个按钮删除它

问题描述

我在使用按钮实例化 jcrop 对象后尝试删除它时遇到问题。这是版本：https://jcrop.com/guide/instance.html

我想创建一个带有按钮的新对象：CROP
选择一个区域，然后获取坐标，然后使用按钮应用并关闭 CROP 对象。

创建后，脚本会在 dom 中添加 jcrop-shade 类...。

如果我使用 jcrop.destroy(); 或 jcrop.removeWidget(jcrop.active); 没有任何反应...

这是我的代码：（我花了几个小时看文档、论坛...）

 $("#button_open_crop").click(function () {
      
    var jcrop;
      
      
    jcrop=Jcrop.attach('my_div_with_image_as_background_css',{
    shadeColor: 'red',shade:false,multiple:false
    });

    
    //the widget
    const rect = Jcrop.Rect.create(100,100,200,200);
    const options = {};
    var widget=jcrop.newWidget(rect,options);
    
    jcrop.focus();




    jcrop.listen('crop.change',function(widget,f){

        console.log('moving with coordinates');

      const pos = widget.pos;
      console.log(pos.x,pos.y,pos.w,pos.h);
 
    });
});


 $("#button_apply_and_close").click(function () {
      
  
});

我得到了一个裁剪区域，我可以听到坐标，但最后无法删除对象。

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

crop javascript