剪下影象內的形狀與目的地

context.globalCompositeOperation = "destination-in"

“destination-in”合成剪輯新形狀內的現有圖形。

注意：現有圖形中位於新圖形之外的任何部分都將被刪除。

context.drawImage(picture,0,0);
context.globalCompositeOperation='destination-in';  // picture clipped inside oval
context.drawImage(oval,0,0);