小程序
小游戏
企业微信
微信支付
扫描小程序码分享
此问题是偶现,没有必现的方式,无代码片段可参考
分享小程序卡片,图片是canvas绘制完成后,用wx.canvasToTempFilePath导出的,导出图片的尺寸为500*400(已设置destWidth、destHeight)
分享出去后,有较低几率会出现图片显示不全,宽高均未100%显示,只显示左上角部分
- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
10 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
为何canvas组件能有这么多坑,安卓机偶现绘制图片错位,目前绘制分享图的场景日益增多,能不能走点心啊
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
@官方
顶!
请问这个问题你们解决了吗?
官方呢,我也遇到这种问题了,什么时候能解决
+1
微信小程序canvas生成的临时图片当成分享图片显示不全怎么解决啊
最后你们怎么解决
召唤官方!!!!
画图时候,canvas的宽高是否setData修改过
setData后,100ms后才开始绘制
setData({
width:500px;
height: 400px;
},()=>{
setTimeout(()=>{
画图
},100)
})
实际开始操作canvas比这还要晚,在setData后还要下载网络图片到本地,所有图片均下载本地后,才开始用本地临时文件绘图
最后存下来的图 都是正常的吗
正常,在分享最后return数据前,使用wx.getImageInfo获取图片的信息,宽高为500*400。canvas组件宽高,原图宽高,绘制图片宽高,均为500*400,从0, 0开始绘制。如果是绘制过程中canvas宽高变化导致的问题,从导出的图为500*400来看,结果应该是左上角有图,其他地方是空白,仍然是500*400,而不是图片被剪切
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
为何canvas组件能有这么多坑,安卓机偶现绘制图片错位,目前绘制分享图的场景日益增多,能不能走点心啊
@官方
顶!
请问这个问题你们解决了吗?
官方呢,我也遇到这种问题了,什么时候能解决
+1
微信小程序canvas生成的临时图片当成分享图片显示不全怎么解决啊
最后你们怎么解决
召唤官方!!!!
画图时候,canvas的宽高是否setData修改过
setData后,100ms后才开始绘制
setData({
width:500px;
height: 400px;
},()=>{
setTimeout(()=>{
画图
},100)
})
实际开始操作canvas比这还要晚,在setData后还要下载网络图片到本地,所有图片均下载本地后,才开始用本地临时文件绘图
最后存下来的图 都是正常的吗
正常,在分享最后return数据前,使用wx.getImageInfo获取图片的信息,宽高为500*400。canvas组件宽高,原图宽高,绘制图片宽高,均为500*400,从0, 0开始绘制。如果是绘制过程中canvas宽高变化导致的问题,从导出的图为500*400来看,结果应该是左上角有图,其他地方是空白,仍然是500*400,而不是图片被剪切