0

ユーザーが検索語を設定して画像検索を実行できる Web サイトを開発しています。次に、位置、サイズなど、ユーザーが選択または変更できるいくつかのパラメーターに基づいて画像が表示されます。利用可能にしたい可能性の1つは、画像にブレンドモードを適用することです。いくつかの調査とテストの後、これらのブレンド効果を適用するためにcamanJS ライブラリを選択しました。ライブラリは、ブレンドモードがレイヤーにのみ適用されるように機能し、レイヤーを次のように積み重ねることができます。

Caman('#test', imgSource, function () {
   this.newLayer(function () {
      this.setBlendingMode('multiply');
      this.overlayImage(someOtherImgSource);
      this.newLayer(function () {
        this.setBlendingMode('softLight');
        this.overlayImage(evenOtherImgSource);
        //and so on...
      });
   });
   this.render();
});

ブレンド モードが 1 つのキャンバス内のレイヤーに適用されるようにします。私の質問は次のとおりです。画像の配列がある場合、これらの関数を配列内の画像の数と同じ数だけスタックするにはどうすればよいですか?

ありがとう!

4

1 に答える 1