生成可用于分享的图片时,在三星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

展开全部
收起
3回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Hudson

    14人对此回答表示赞同

    主解决了吗

    展开
    14
    6回复
    发布于 6年前

    评论(6)

    收起评论

    • Javon 2019-01-24 14:14

      你生成的图片是base64的吗?我们是h5遇到的这个问题。这个网上查了,说是微信的bug

      回复
    • Radinka 2019-01-26 19:45

      你试了什么方法,我们打算把小程序码绘制大一点,不知道会不会好一点

      回复
    • 墨离尘 2019-01-28 12:45

      二维码是完整的,长按无法是别这个我们也遇到过,试了几种方法,解决不了

      回复
    • Ximena 2019-01-30 13:19

      那你应该和我不是一个问题,我们就2K屏底部没绘制(无论图片还是文字,只要在底部区域都是空白的),和二维码没关系,你确认过腾讯返回给你们的二维码是完整的么?倒是我们生成的小程序码有的手机有时候在微信聊天界面长按不会弹出识别小程序码的选项。

      回复
    • 旋转跳跃 2019-02-01 17:44

      我这遇到一个和你差不多的问题,我们绘制生成的二维码,有时候会显示空白,背景图绘制都没问题,就是二维码有问题与,不是毕现,网上查了,基本上能改的都改了

      回复
    • Shriya 2019-02-03 20:27

      木有,只能设计的时候下边放不太重要的时候,官方的人要了代码片段之后就没下文了。

      回复
  • 倾城佳人

    12人对此回答表示赞同

    麻烦给个相关的代码片段

    展开
    12
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • Landon 2019-01-28 09:18

      wechatide://minicode/w5rxdvms7h5c

      回复
  • Asha

    7人对此回答表示赞同

    我们发现如果把屏幕分辨率从2K调为1080P或720P就不会有这个问题了

    展开
    7
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部