收藏
回答

canvas 在 bindtouchmove 方法中 绘制问题

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android 试了两个小米和一个OPPO的 小米8 mix2s 7.0.6

canvas 在 bindtouchmove 方法中 使用draw方法画线 出现问题

在开发者工具和苹果手机上都没有问题

安卓手机有问题,可以复现出来,左上角的点 有时候会连着画的那个点


正常情况:



有问题的情况:



<canvas canvas-id="canvas" class="canvas" bindtouchstart="start" bindtouchmove="move" bindtouchend="end" disable-scroll></canvas>

sign() {

this.setData({

hidden: false

});

const ctx = wx.createCanvasContext('canvas')

ctx.setLineWidth(3)

ctx.setLineJoin('round')

ctx.setLineCap('round')

ctx.draw()

this.setData({

ctx

})

},

start({

touches

}) {

// console.log('start', touches[0].x, touches[0].y)

const ctx = this.data.ctx

ctx.moveTo(touches[0].x, touches[0].y)

},

move({

touches

}) {

// console.log('move', touches[0].x, touches[0].y)

const ctx = this.data.ctx

ctx.lineTo(touches[0].x, touches[0].y)

ctx.stroke()

ctx.draw(true, () => {

ctx.moveTo(touches[0].x, touches[0].y)

})

},


最后一次编辑于  2019-09-18
回答关注问题邀请回答
收藏

1 个回答

  • 是小白啊
    是小白啊
    2019-09-16

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-09-16
    有用
    回复 6
    • L
      L
      2019-09-16
      https://developers.weixin.qq.com/s/p6jfdqmF7Zbc
      2019-09-16
      回复
    • L
      L
      2019-09-16
      我试了 几个安卓手机 都有问题 小米8 小米mix2s 还有一个OPPO的 苹果手机没有问题 微信都是最新版的
      2019-09-16
      回复
    • L
      L
      2019-09-16
      我现在的手机是 小米8 系统10.3.6 微信7.0.6
      2019-09-16
      回复
    • L
      L
      2019-09-19
      怎么样?复现出来了吗
      2019-09-19
      回复
    • 是小白啊
      是小白啊
      2019-09-19回复L
      转组件的同事看了
      2019-09-19
      回复
    查看更多(1)
登录 后发表内容
问题标签