在畫布上切出圓形圖像

我正在使用html5畫布，並且我正在創建一個遊戲，因爲它可以將您的臉部上傳到遊戲中，並將其用作主要的charactar。不幸的是，遊戲中的charactars是圓形的，就像笑臉。在畫布上切出圓形圖像

那麼這將如何完成？

是否有可能拍攝照片並從中剪出一個圓圈，因此圓圈外的任何內容都是透明的？如果是這樣，這將如何完成？

2011-02-02 MrJuavo

你會想做一個剪切路徑。這條道路將剪輯一切圈外：

ctx.save(); 

ctx.beginPath(); 
ctx.arc(75, 75, 10, 0, Math.PI*2, true); 
ctx.closePath(); 
ctx.clip(); 

// draw the image 

ctx.restore();

所以你這個畫布上繪製，接下來的事情（S）將只出現在剪貼路徑內。

您將希望在之前和之後保存和恢復上下文。

這裏是多一點的題目

2011-02-02 15:56:25

回答