html52.com
我爱小程序-开发者交流社区

小程序canvas中使用drawImage方法绘制图片时真机上图片显示不完整

问题模块 框架类型 问题类型 操作系统版本 手机型号 微信版本
客户端 小程序 Bug android8.0(emui8.0) IOS 12.1.4 华为p9 iPhone6s 7.0.3

- 当前 Bug 的表现(可附上截图)

模拟器上没有问题(如图3所示),但是真机上绘制的背景图下半部分显示不完整,而且中间绘制的二维码也出现错乱(部分机型上甚至不显示)

代码的整体思路是:

  1. 创建两块画布;

  2. 从后台获取背景图路径,通过canvasToTempFilePath方法背景图绘制在画布1上;

  3. 通过qrcode插件将订单编号转换成二维码绘制在画布2上,然后通过canvasToTempFilePath方法将画布2转换为图片,再将图片绘制在画布1中

  4. 通过canvasToTempFilePath方法将画布1转换为图片,最后用saveImageToPhotosAlbum方法将生成的图片保存到用户相册

nvasToTempFilePath方法将画布1转换为图片,最后用saveImageToPhotosAlbum方法将生成的图片保存到用户相册- 预期表现
nvasToTempFilePath方法将画布1转换为图片,最后用saveImageToPhotosAlbum方法将生成的图片保存到用户相册- 预期表现


- 预期表现

- 预期表现- 复现路径

- 复现路径

https://developers.weixin.qq.com/s/cPVN07mm7r7q

- 提供一个最简复现 Demo

https://developers.weixin.qq.com/s/cPVN07mm7r7q

网友回复

那个很帅的小白:

麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付