CanvasContext.clip

2020-09-14 15:16 更新

简介

CanvasContext.clip 用于将当前创建的路径设置为当前剪切路径。

扫码体验

undefined

效果示例

画布.gif

示例代码

  1. //.js
  2. const ctx = my.createCanvasContext('canvas')
  3. my.downloadFile({
  4. url: 'https://gw.alipayobjects.com/zos/skylark-tools/public/files/dda114e320567e1d304790287d75a029.png',
  5. success: function(res) {
  6. ctx.save()
  7. ctx.beginPath()
  8. ctx.arc(50, 50, 25, 0, 2*Math.PI)
  9. ctx.clip()
  10. ctx.drawImage(res.tempFilePath, 25, 25)
  11. ctx.restore()
  12. ctx.draw()
  13. }
  14. })
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号