canvas固定画布

Posted 2021-11-30 zeussbook

canvas作为非常方便的html绘图工具在web端的应用是非常多了。

那么会碰到一个问题，开始绘图的时候，网页总是晃动。

怎么办呢？只需在获取鼠标（触点）移动坐标的时候，添加清除默认动作就可以了。

//获取鼠标移动时的坐标
        canvas.ontouchmove = function(e){
            e.preventDefault();
        }    

e.preventDefault();这行代码根据业务实际情况选择插入位置。但一定是在ontouchmove 函数内。