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