用processing.js填充图像

Question

我正在使用一些canvas和processing.js，但我无法弄清楚如何用图像填充弧/椭圆等。

使用JavaScript通常我做这样的事情：

ctx.save(); 
ctx.beginPath(); 
ctx.arc(x, y, size, 0, Math.PI * 2, true); 
ctx.closePath(); 
ctx.clip(); 
ctx.drawImage(thumbImg, 0, 0, 400, 400); 

ctx.beginPath(); 
ctx.arc(x, y, size, Math.PI * 2, true); 
ctx.clip(); 
ctx.closePath(); 
ctx.restore(); 

，游戏就结束了，我怎么能与processing.js办呢？

我已经试过那些选项，但似乎我做错了什么：

b = loadImage("nicola.png"); 
fill(b) 
background(b); 
ellipse(x, y, size, size); 

什么想法？

Answer 1

例如，您可以使用img.mask(maskImg)来应用（基于像素的）alpha蒙板或使用img.blend(…)，如here所述。

Answer 2

分号';'后fill(b)

缺少所以应该fill(b);

我希望这能解决你的问题。