javascript - CamanJS:将图像动态加载到 Canvas 上

Question

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

我所拥有的只是 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';