1

嘿，我正在尝试将两个图像与 pixastic 混合。可以将一个图像拖放到另一个图像上（使用 jqueryUI），在它获得正确的位置后，两个图像将合二为一。

所以我想使用 pixastic 混合效果。

到目前为止我试过这个：

function BlendTheImages() {
   var img = new Image();
   img.onload = function() {
var blendImg = new Image();
 blendImg.onload = function() {
  Pixastic.process(img, "blend", 
        {
            amount : 1, 
            mode : "multiply", 
            image : blendImg
        }
    );
}
blendImg.src = "Small_Image.png";
     }
img.src = "Background_Big_Image.jpg";
    }

当较小的图像具有混合两个图像的正确位置时，应该调用函数 BlendTheImages。

我不知道它是否有效或如何获得新的混合图像..

请帮我！谢谢

4

1 回答 1

1

我曾想过使用 html2canvas 来抓取图像，但当我发现即使 Pixastic 的网站上没有记录它时，我真的很惊讶，Blend 效果也有一个回调函数（与其他效果一样工作）：

var img = new Image();
img.onload = function() {
    Pixastic.process(img, "blend", 
        {
            amount : 1.0, 
            mode : "Multiply", 
            image : someOtherImage
        }, function(blendedImg) {
            console.log(blendedImg);
            applySepia(blendedImg);
        }
    );
}
document.body.appendChild(img);
img.src = "myimage.jpg";

该函数有一个回调，Pixastic.process它适用于所有效果。

于 2014-03-22T14:30:09.090 回答