點擊上方藍字關注「小鄭搞碼事」，每天都能學到知識，搞懂一個問題！

globalCompositeOperation：這個屬性設置或者返回如何將一個源（新的）圖像繪製到目標（已有）的圖像上。

源圖像就是您打算放置到畫布上的繪圖。

目標圖像就是您已經放置在畫布上的繪圖。

可以這麼用：

context.globalCompositeOperation="source-in"

一、這個屬性可以取的值

二、來看一下代碼

這裡，目標圖像用一個矩形，源圖像用一個圓形。具體代碼是這樣的：

三、在瀏覽器中的效果（支持canvas）

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！