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';