使用 processingjs 实现混合和叠加答案

【问题标题】：Implement blend and overlay with processingjs使用 processingjs 实现混合和叠加
【发布时间】：2014-03-03 22:24:30
【问题描述】：

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

HTML

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

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 以使此代码正常工作吗？

【问题讨论】：

标签： javascript processing processing.js

【解决方案1】：

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

【讨论】：