收藏
回答

canvas 在 bindtouchmove 方法中 绘制问题

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug Android MIUI10.3.6 小米8 小米mix2s OPPO 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)

})

},



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

1 个回答

  • 卢霄霄
    卢霄霄
    09-19

    moveTo之后加个 beginPath呢

    09-19
    赞同
    回复 6
    • L
      L
      09-19
      一样的会有问题 ,就是安卓手机有问题 苹果和客服端没问题
      09-19
      回复
    • 卢霄霄
      卢霄霄
      09-19回复L
      咦。。我试了个安卓机 正常的呢。。
      09-19
      回复
    • L
      L
      09-19
      难道是我们这个手机问题 我试了两个小米的 一个OPPO的 都有问题。。。你用的我的代码片段啊?
      09-19
      回复
    • 卢霄霄
      卢霄霄
      09-19回复L
      嗯。。用的你的片段,我的是黑鲨2 pro
      09-19
      回复
    • L
      L
      09-20
      我试的3款手机都有问题 尴尬
      09-20
      回复
    查看更多(1)
问题标签