Question

我对processinjs库有点困惑。我需要的是使用叠加处理两个图像。第一个图像作为背景，第二个图像具有叠加效果，最终获得了良好的效果。基本上我的代码就是：

HTML

<img src="background.png" />
<img src="imageoverlay.png"/>

JS

PImage img = loadImage("background.png");
PImage img2 = loadImage("imageoverlay.png"); 
img.blend(img2, 0, 0, 33, 100, 67, 0, 33, 100, OVERLAY); 
image(img, 0, 0);
image(img2, 0, 0);

有没有人知道如何使用PImage来获取此代码？

Answer 1

您需要确保图像实际可用。 Processing.js中的loadImage只是requestImage的包装器，因此您需要使用/* @pjs preload="..." */语法。见http://processingjs.org/reference/preload/

使用processingjs实现混合和叠加

1 个答案: