Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/61.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Image 使用pixastic混合两个图像不起作用。如何获得新的图像?_Image_Drag And Drop_Blend_Pixastic - Fatal编程技术网

Image 使用pixastic混合两个图像不起作用。如何获得新的图像?

Image 使用pixastic混合两个图像不起作用。如何获得新的图像?,image,drag-and-drop,blend,pixastic,Image,Drag And Drop,Blend,Pixastic,嘿,我试着把两张图片和pixastic混合在一起。可以将一个图像拖放到另一个图像上(使用jqueryUI),在它获得正确位置后,两个图像将成为一个 所以我想使用pixastic混合效果 到目前为止,我试过: function BlendTheImages() { var img = new Image(); img.onload = function() { var blendImg = new Image(); blendImg.onload = function() { P

嘿,我试着把两张图片和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函数

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


请帮帮我!谢谢

我曾想过使用html2canvas来抓取图像,但后来我发现,尽管Pixastic的网站上没有记录,但混合效果也有一个回调函数(与其他效果一样):


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

我曾想过使用html2canvas来抓取图像,但后来我发现,即使Pixastic的网站上没有记录,混合效果也有回调函数,这让我非常惊讶(这与其他效果一样有效):

有一个针对
Pixastic.process
函数的回调函数,它适用于所有效果

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";