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