canvas绘制手写轨迹卡顿
发布于 5 年前 作者 xiulanxiao 6652 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现
  • 复现路径
  • 提供一个最简复现 Demo

开发工具上调试非常流畅;

进行真机调试时,非常卡顿;

测试机型三星S10 ,苹果6SP;

见鬼了;

代码如下:

canvasMove: function (event) {

// console.log(timeUtil.getTimestamp()+"–" + event.changedTouches[0].x);

if (isButtonDown) {

arrz.push(1);

arrx.push(event.changedTouches[0].x);

arry.push(event.changedTouches[0].y);

};

for (var i = 0; i < arrx.length; i++) {

if (arrz[i] == 0) {

drawpad.moveTo(arrx[i], arry[i])

} else {

drawpad.lineTo(arrx[i], arry[i])

};

};

drawpad.clearRect(0, 0, canvasw, canvash);

drawpad.setStrokeStyle(’#000000’);

drawpad.setLineWidth(4);

drawpad.setLineCap(‘round’);

drawpad.setLineJoin(‘round’);

drawpad.stroke();

drawpad.draw(true);//换成false也没有用

},

2 回复

基础库是2.7.4?请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

已解决;错误使用了调试模式,卡顿原因是PC端与手机端的日志通信造成的

回到顶部