canvas实现移动端画笔功能

移动端touch事件有以下几个属性

1. ClientX Y 相对于视口的坐标
2. pageX Y 相对于页面左上角原点的坐标
3. screenX Y 相对于屏幕的坐标标
4. movementX Y 相对于上一次坐标的坐标

 然而就是没有offset X Y


实现方法：

1. 获得触摸点的pageX Y

2. 通过offsetTop  left计算元素左上角的顶点位置

3. 计算相对坐标

代码：

    
清除
    
保存

实现效果：