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

我希望這能解決你的問題。