1

これは、画像ファイルをアップロードするコードの一部です。Image 変数と CamanJS インスタンスを更新する部分のみを示しました。

updateImage() {
  img = new Image();
  img.src = reader.result;
  img.onload = function () {
      Caman('#canvas', img, function () {
           this.reloadCanvasData();
      });
  }      
}, false);

これは、フィルターを適用するコードです。

$("button").on('click', function (e) {
    Caman('#canvas', img, function () {
        this.revert(false);
    });

    Caman('#canvas', img, function () {
        Apply the filters here.
        this.render();
    });
});

画像を読み込んでフィルターを適用すると、機能します。別の画像を読み込むと、キャンバスに表示されますが、その後フィルターを適用すると、キャンバスが最初の画像に変更されます。CamanJS データを更新するためにできることはありますか?

4

0 に答える 0