CamanJS：将动态图像加载到画布上

Question

使用CamanJS，如何动态地将图像加载到画布上？

我所拥有的就是PNG的base64编码。

我发现CamanJS的API文档是完整的。它甚至没有记录this.save（）函数。

Answer 1

您必须首先加载所需的图像。之后，将图像对象传递给camanjs函数，如下所示。

var myimage = new Image(); 
    myimage.onload = function() { 
      $('#myImageDiv').html('<img id="my-image" src='+myimage.src+' />'); 
      Caman('#my-image', function() { 
       this.brightness(10); 
       this.contrast(30); 
       this.sepia(60); 
       this.saturation(-30); 
       this.render(); 
      }); 
    } 
    myimage.src = 'images/myimage.jpg';