小编Sar*_*n K的帖子

我想找出解决这个问题的最佳方法？单击按钮时，图像将作为 FabricJS 画布的背景加载......

我有另一个按钮可以将 dataURL 保存为 PNG...我试图在保存之前隐藏背景图像...

现在，我已将事件侦听器附加到背景图像，以在单击导出按钮时隐藏自身，但在导出图像之前背景图像不会隐藏...排序事件执行的最佳方法是什么？

$("#export-image").click(function() {
   canvas.deactivateAll().renderAll();
   window.open(canvas.toDataURL('png'));
});


$('.background-img').on('click', function(e) {
   var imgURL = "http://placehold.it/350x150";
   $.ajax({
     url: imgURL,
     success: function(result) {
         fabric.Image.fromURL(imgURL, function(img) {
             $("#export-image").click(function() {
                 img.setOpacity(0);
                 canvas.renderAll();
             });
             img.set({width: canvas.width, height: canvas.height, originX: 'left', originY: 'top'});
             canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas));
              });

          }
    });

});