小程序canvas中使用drawImage方法绘制图片时真机上图片显示不完整
发布于 5 年前 作者 fanyang 7887 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

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

代码的整体思路是:

  1. 创建两块画布;

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

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

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

  • 预期表现
  • 复现路径

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

  • 提供一个最简复现 Demo

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

1 回复

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

回到顶部