CanvasContext.clip()
從原始畫(huà)布中剪切任意形狀和尺寸。一旦剪切了某個(gè)區(qū)域，則所有之后的繪圖都會(huì)被限制在被剪切的區(qū)域內(nèi)（不能訪問(wèn)畫(huà)布上的其他區(qū)域）。可以在使用 clip 方法前通過(guò)使用 <code>save 方法對(duì)當(dāng)前畫(huà)布區(qū)域進(jìn)行保存，并在以后的任意時(shí)間通過(guò)restore方法對(duì)其進(jìn)行恢復(fù)。

基礎(chǔ)庫(kù) 1.6.0 開(kāi)始支持，低版本需做兼容處理。
小程序插件：支持
示例代碼

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()
  }
})