Javascript 使用processingjs实现混合和覆盖

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

HTML

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

---

是否有人知道如何使用ini

PImage

以使此代码正常工作？

您需要确保图像实际可用。Processing.js中的loadImage只是requestImage的包装，因此您需要使用

/*@pjs preload=“…”*/

语法。看

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