实现混合并覆盖processingjs

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

有谁知道怎么做才能得到这个代码的工作INI PImage？

Answer 1

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