微信小程序canvas繪製圓形圖片

canvas基礎知識補齊一下，明白了原理便很簡單。

1. 先使用.arc繪製一個圓圈，經過.clip裁剪，繪製在圓圈內的內容會出現，其餘的都會隱藏。
2. .drawImage的繪製位置是相對原畫布，而不是圓圈，這個不知道的畫很坑啊。只要繪製圖片的位置再圓圈內便會出現。

//保存上文
targetCtx.save()
targetCtx.beginPath()
targetCtx.arc(110, 60, 30, 0, 2 * Math.PI)	//繪製圓圈
targetCtx.clip()	//裁剪
targetCtx.drawImage("/image/111.jpg",80,30,60,60)	//定位在圓圈範圍內便會出現
targetCtx.restore()
//恢復上文內容，繪製其餘
targetCtx.draw();
複製代碼