小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信版本6.6.7, 小程序 canvas clip方法裁剪图片只有第一张会裁剪,后续图片都无法裁剪。
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
2023年了 问题解决了吗
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我本地iphone5 ,iphone6s 都有这个问题
我也遇到了。
const ctx = wx.createCanvasContext(
'testCanvas'
)
wx.downloadFile({
url:
'https://cdn.maoka777.com/1519739243_b45291.png?imageMogr2/thumbnail/200x/interlace/1'
,
success:
function
(res) {
ctx.save()
ctx.beginPath()
ctx.arc(283, 75.5, 50, 0, 2*Math.PI)
ctx.clip()
ctx.drawImage(res.tempFilePath, 233, 25.5, 100, 100)
ctx.restore()
ctx.arc(50, 50, 25, 0, 2*Math.PI)
ctx.drawImage(res.tempFilePath, 25, 25)
ctx.draw()
}
})
我已经改用 web-view 组件内的h5 完成裁剪了,小程序的canvas 暂时不用了
你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5)和机型
IOS 6.6.7 微信版本会有此问题
你好,经确认,问题已复现,我们会尽快修复,感谢你的反馈
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
2023年了 问题解决了吗
我本地iphone5 ,iphone6s 都有这个问题
我也遇到了。
const ctx = wx.createCanvasContext(
'testCanvas'
)
wx.downloadFile({
url:
'https://cdn.maoka777.com/1519739243_b45291.png?imageMogr2/thumbnail/200x/interlace/1'
,
success:
function
(res) {
ctx.save()
ctx.beginPath()
ctx.arc(283, 75.5, 50, 0, 2*Math.PI)
ctx.clip()
ctx.drawImage(res.tempFilePath, 233, 25.5, 100, 100)
ctx.restore()
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()
}
})
我已经改用 web-view 组件内的h5 完成裁剪了,小程序的canvas 暂时不用了
你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5)和机型
IOS 6.6.7 微信版本会有此问题
你好,经确认,问题已复现,我们会尽快修复,感谢你的反馈