これは、画像ファイルをアップロードするコードの一部です。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 データを更新するためにできることはありますか?