收藏
回答

canvas绘制手写轨迹卡顿

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvas 客户端 7.0.4 2.7.4[254]

- 当前 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也没有用

},


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

3 个回答

  • 同步
    同步
    2023-03-21

    有手写绘制签字代码片段么?

    2023-03-21
    有用
    回复
  • 不确定的法师
    不确定的法师
    2019-11-12

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

    2019-11-12
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-06-19

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

    2019-06-19
    有用
    回复
登录 后发表内容