Question

我是 Processing.js 的新手，我想知道为什么这个简单的面具不起作用？我的意思是，我可以毫无问题地显示图像和面具，但一旦到达img1.mask(mask1);行，一切都会停止工作。

/* @pjs preload="resources/images/1.jpg, resources/images/masks/1.jpg"; */
void draw(){  
    PImage img1 = loadImage("resources/images/1.jpg");
    PImage mask1 = loadImage("resources/images/masks/1.jpg");
    img1.mask(mask1);
    image(img1, 0, 0);
}

我已阅读http://processingjs.org/reference/PImage_mask_/，但我看不出我做错了什么：S 有人有想法吗？感谢

Answer 1

我已经尝试过jsfiddle中的代码，并且正在使用Processing.js 1.3.6 请注意，您必须从Web服务器运行它，从文件系统打开html文件将为您提供Chrome中的空白画布或Firefox中的文本。

_{如果您无法访问Web服务器，可以在自己的计算机上安装一个（XAMPP是好的多平台，我个人在Windows上使用WAMP）}

Answer 2

代码实际上工作得很好，但只在 Processing 中，而不在 Processing.js 中，即使这个功能出现在两个参考页http://processingjs.org/reference/PImage/

在processing.js中使用Mask

2 个答案: