CanvasContext.clip

簡介

CanvasContext.clip 用于將當前創(chuàng)建的路徑設置為當前剪切路徑。

掃碼體驗

效果示例

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')
my.downloadFile({
  url: 'https://gw.alipayobjects.com/zos/skylark-tools/public/files/dda114e320567e1d304790287d75a029.png',
  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()
  }
})