Image 使用pixastic混合两个图像不起作用。如何获得新的图像?
嘿,我试着把两张图片和pixastic混合在一起。可以将一个图像拖放到另一个图像上(使用jqueryUI),在它获得正确位置后,两个图像将成为一个 所以我想使用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
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";