公告列表
公告列表
收藏
回答

小程序在手机上绘制canvas，文字大小、颜色、位置错乱。

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug fillText、setFillStyle、setFontSize、canvasToTempFilePath 客户端 6.7.3 2.3.2

- 当前 Bug 的表现（可附上截图）

测试用机（oppo r9s、iphone 8 plus）

在手机上使用canvas绘制文字。使用wx.canvasToTempFilePath转为图片后，文字的大小、颜色、位置会出现错乱，错乱频率较高



- 提供一个最简复现 Demo

wechatide://minicode/d39sWyme7N3E

使用手机预览代码片段，多次点击绘制按钮可复现。

回答关注问题邀请回答
收藏

6 个回答

  • 黄思程
    黄思程
    2018-11-02

    这个代码片段有问题，没看到 js 部分基本是空的

    2018-11-02
    有用
    回复 1
    • 『 Mr . w 、』
      『 Mr . w 、』
      2018-11-03

      拜托你仔细看看代码片段再回复好吗？

      2018-11-03
      赞
      回复
  • 没有名字
    没有名字
    2021-08-23

    关于这个问题，我也遇到过，画笔颜色不同绘制颜色出错针织图片错乱，当时我是直接

      draw(  true, wx.canvasToTempFilePath)

    这里只要涉及到的问题是 darw是异步的，这么写有问题。后来我改为

    draw(true,(()=>{ setTimeout(()=>{ wx.canvasToTempFilePath})})) 就没什么问题了

    2021-08-23
    有用
    回复
  • billsking🏀
    billsking🏀
    2018-11-05

    作为官方，能不能看下我反馈的这个bug，谢谢了。https://developers.weixin.qq.com/community/develop/doc/0004c0849ac25889049726ab656000

    2018-11-05
    有用
    回复
  • Yrobot
    Yrobot
    2018-11-02

    我也有这个问题，对比了canvas和图片，发现canvas上是正常的，生成图片的时候也就是用canvasToTempFilePath产生的问题，目前我是在原有生成图片的函数的基础上用setTimeout 500ms后去生成，暂时没出现样式不一致的错误

    2018-11-02
    有用
    回复 1
    • 『 Mr . w 、』
      『 Mr . w 、』
      2018-11-02

      用定时器不是最根本的解决办法啊，我之前也用过，希望官方解答下啊~~~~

      2018-11-02
      赞
      回复
  • 『 Mr . w 、』
    『 Mr . w 、』
    2018-10-31

    有查出哪的问题吗

    2018-10-31
    有用
    回复
  • 灵芝
    灵芝
    2018-10-30

    多次点击是大概几次呢？这边测试10+次未复现

    2018-10-30
    有用
    回复 2
    • 『 Mr . w 、』
      『 Mr . w 、』
      2018-10-30

      正常是这样的：


      出错的：

      这是我测出来的，大约四五次出现一次


      2018-10-30
      赞
      回复
    • Yrobot
      Yrobot
      2018-11-02



      这是同个个小程序同一版生成的图片，有些手机利用canvasToTempFilePath生成的图片背景默认是黑的，有些手机就是正常的透明。

      出错手机 小米8 微信版本6.7.3

      何时能改进啊，这太影响使用了。

      2018-11-02
      赞
      回复
请 登录 后发表内容
相关问题
相关文档