收藏
回答

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 个回答

登录 后发表内容
问题标签