小程序
小游戏
企业微信
微信支付
扫描小程序码分享
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好，请具体描述问题出现的流程，并提供能复现问题的简单代码示例。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
深坑，画多图的话只能尝试专门用另一个canvas来clip
const ctx = wx.createCanvasContext('myCanvas');
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好，请具体描述问题出现的流程，并提供能复现问题的简单代码示例。
深坑，画多图的话只能尝试专门用另一个canvas来clip
以clip的例子 。。。。在模拟器上可以出现三个微信的图标。。在手机上只会出现两个。。。第二个以后的restore就无法 恢复之前保存的绘图上下文
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()
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(150, 150, 25, 0, 2*Math.PI)
ctx.clip()
ctx.drawImage(res.tempFilePath, 125, 125)
ctx.restore()
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(250, 250, 25, 0, 2*Math.PI)
ctx.clip()
ctx.drawImage(res.tempFilePath, 225, 225)
ctx.restore()
ctx.draw()
}
})
}
})
}
})