收藏
回答

小程序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方法将生成的图片保存到用户相册




- 预期表现


- 复现路径

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

- 提供一个最简复现 Demo

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

最后一次编辑于  2019-03-25
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容