3114关注10032浏览
生成可用于分享的图片时,在三星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: 133
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
Hudson
14人对此回答表示赞同
主解决了吗
展开146回复分享发布于 6年前评论(6)
收起评论
-
倾城佳人
12人对此回答表示赞同
麻烦给个相关的代码片段
展开121回复分享发布于 6年前评论(1)
收起评论
-
Landon 2019-01-28 09:18
wechatide://minicode/w5rxdvms7h5c 回复
-
-
Asha
7人对此回答表示赞同
我们发现如果把屏幕分辨率从2K调为1080P或720P就不会有这个问题了
展开70回复分享发布于 6年前评论(0)
收起评论
你生成的图片是base64的吗?我们是h5遇到的这个问题。这个网上查了,说是微信的bug
你试了什么方法,我们打算把小程序码绘制大一点,不知道会不会好一点
二维码是完整的,长按无法是别这个我们也遇到过,试了几种方法,解决不了
那你应该和我不是一个问题,我们就2K屏底部没绘制(无论图片还是文字,只要在底部区域都是空白的),和二维码没关系,你确认过腾讯返回给你们的二维码是完整的么?倒是我们生成的小程序码有的手机有时候在微信聊天界面长按不会弹出识别小程序码的选项。
我这遇到一个和你差不多的问题,我们绘制生成的二维码,有时候会显示空白,背景图绘制都没问题,就是二维码有问题与,不是毕现,网上查了,基本上能改的都改了
木有,只能设计的时候下边放不太重要的时候,官方的人要了代码片段之后就没下文了。