收藏
回答

canvas绘图样式出错,京东购物也是这样!

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvas 客户端 7.0.0 2.4.3




我们最近在绘制canvas的时候,发现在安卓手机上有时候会出现canvas绘制出来的样式会错乱的问题。


在安卓手机上点多几次都会复现。在IOS手机下没有这个问题。


文档中的setFontSize改成了ctx.font,但是在手机上无法展示效果,文档也找不到在哪里。


通过搜索才发现是跳转到之前的文档。但是之前的文档也没找到fillStyle这个属性,只有setFillStyle。


希望官方能解答一下这个关于canvas的问题。


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

5 个回答

  • 2019-01-18

    初步发现,在canvas的draw之后的回调中,应该是draw的第一笔刚画上去就执行了回调,而不是等draw之后渲染完才执行回调。


    所以调用wx.canvasToTempFilePath时,苹果手机由于性能较高,绘画渲染速度快,所以直接调用wx.canvasToTempFilePath不会出现样式错乱问题,但是安卓机由于渲染速度慢,所以可能在渲染完成前就将canvas转成图片了,导致样式错乱。


    解决方案:在安卓机上的wx.canvasToTempFilePath延迟300ms~500ms执行,在苹果手机上正常执行。


    2019-01-18
    有用 1
    回复 1
    • 6s
      6s
      2019-10-24
      此回答不是所问的问题
      2019-10-24
      回复
  • Why not?
    Why not?
    2019-10-24

    一直有问题,偶现

    2019-10-24
    有用
    回复
  • 6s
    6s
    2019-10-23

    我也遇到了:第一张是正常效果,第二、三张就乱了。Android和iOS都出现过,不一定和性能有关!



    2019-10-23
    有用
    回复
  • 王毓潇
    王毓潇
    2019-01-10

    遇到同样问题,期待官方尽快解决

    2019-01-10
    有用
    回复
  • 杜伟
    杜伟
    2019-01-07

    遇到同样的问题,安卓偶尔出现

    2019-01-07
    有用
    回复
登录 后发表内容