0

我正在开发一个网站，用户可以在其中通过设置搜索词来执行图像搜索。然后根据用户可以选择或修改的一些参数（如位置、大小等）显示图像。我想要提供的一种可能性是将混合模式应用于图像。经过一些研究和测试，我选择了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();
});

以便混合模式应用于单个画布内的图层。我的问题是：如果我有一组图像，我怎么能将这些函数堆叠在一起，一个在另一个里面，就像我的数组中的图像数量一样多？

谢谢！

4

1 回答 1

0

假设你有 3 张图片在数组中，并且你想对每张图片应用不同的 camanjs 效果，那么这很简单。

var images=["#image1","#image2","#image3"];

该数组包含每个图像的 div id。

Caman('#test', imgSource, function () {
   this.newLayer(function () {
      this.setBlendingMode('multiply');
      this.overlayImage(images[0]);
      this.newLayer(function () {
        this.setBlendingMode('softLight');
        this.overlayImage(images[1]);
        //and so on...
      });
   });
   this.render();
});
于 2013-06-05T08:46:12.147 回答