收藏
回答

急!小程序真机调试canvas排版样式错乱,请问如何解决?

在开发者工具中预览是这样的:


真机调试时,排版错乱,如下图:



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

1 个回答

  • 欢乐马
    欢乐马
    2019-10-21

    你可能需要一个ctx.scale()来对canvas进行缩放

    const context = canvas.getContext('2d')
    const canvas = res[0].node
    const width = canvas._width
    const height = canvas._height
    const dpr = wx.getSystemInfoSync().pixelRatio
    console.log("dpr", dpr)
    canvas.width = width * dpr
    canvas.height = height * dpr
    context.scale(dpr, dpr)


    2019-10-21
    有用
    回复 1
    • Nine
      Nine
      2019-10-21
      首次渲染是可以的,第二之后就会乱掉。我是这样解决的:把wx:if换成了hidden
      2019-10-21
      回复
登录 后发表内容
问题标签