请问可以加一下微信吗 有些问题想要请教一下 我绘制的画布 背景图再模拟器上可以显示但是真机预览不能正常显示
小程序canvas绘制图片显示不完全生成可用于分享的图片时,在三星S6 edge+机型上,存在图片绘制不完全的问题,其他安卓机型以及苹果都正常。 [图片][图片] 如下是代码片段 ··· drawImage (bg, avatar, qrcode, nickname) { const ctx = wx.createCanvasContext('myCanvas') ctx.setFillStyle('#ffffff') ctx.fillRect(0, 0, 750, 1334) // 绘制背景 ctx.drawImage(bg, 0, 0, 750, 1334) // 绘制文字 ctx.setFontSize(30) ctx.setFillStyle('#202020') ctx.setTextAlign('center') ctx.setTextBaseline('top') ctx.fillText(nickname, 375, 509) ctx.setFillStyle('#606060') ctx.setFontSize(36) const text = this[this.mode + 'Text'] ctx.fillText(text[0], 375, 613) ctx.fillText(text[1], 375, 683) // 绘制小程序码 // ctx.drawImage(qrcode, 254, 852, 243, 243) // 绘制头像 ctx.save() ctx.beginPath() ctx.arc(375, 415, 70, 0, 2 * Math.PI) ctx.setStrokeStyle('#ffffff') ctx.stroke() ctx.clip() ctx.drawImage(avatar, 305, 345, 140, 140) ctx.restore() // 提交绘制 ctx.draw() } async canvasToImage () { const tempUrl = await wepy.canvasToTempFilePath({ x: 0, y: 0, width: 750, height: 1334, destWidth: 750, destHeight: 1334, canvasId: 'myCanvas' }) this.tempUrl = tempUrl.tempFilePath this.$apply() } ··· 即使只绘制背景图,其他什么都不画也是这样子,不知道大家是否遇到过此类问题
2019-08-20