小程序canvas剪切圓形頭像

onReady: function (e) {
	var context = wx.createCanvasContext('畫布ID');//獲取畫布

	context.save()//保存繪圖上下文
	context.arc(圓心X座標, 圓心Y座標, 圓的半徑, 0, 2 * Math.PI)//繪製圓形
	context.stroke()//這個一定要有,不然圖片不剪切,我就是遇到了這個問題
	context.clip()//剪切
	context.drawImage('圖片地址',X座標,Y座標,width,height)//置入圖片
	context.restore()//恢復之前保存的繪圖上下文
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章