小程序畫布裁剪任意形狀和尺寸CanvasContext.clip

CanvasContext.clip()
從原始畫布中剪切任意形狀和尺寸。一旦剪切了某個區域，則所有之后的繪圖都會被限制在被剪切的區域內（不能訪問畫布上的其他區域）。可以在使用 clip 方法前通過使用 <code>save 方法對當前畫布區域進行保存，并在以后的任意時間通過restore方法對其進行恢復。

基礎庫 1.6.0 開始支持，低版本需做兼容處理。
小程序插件：支持
示例代碼

const ctx = wx.createCanvasContext('myCanvas')
 
wx.downloadFile({
  url: 'http://is5.mzstatic.com/image/thumb/Purple128/v4/75/3b/90/753b907c-b7fb-5877-215a-759bd73691a4/source/50x50bb.jpg',
  success: function(res) {
    ctx.save()
    ctx.beginPath()
    ctx.arc(50, 50, 25, 0, 2*Math.PI)
    ctx.clip()
    ctx.drawImage(res.tempFilePath, 25, 25)
    ctx.restore()
    ctx.draw()
  }
})