由于公司业务需要,封装了一个canvas手写签字板
仓库地址: github.com/BoBoooooo/c…
线上demo地址: codepen.io/boboooooo/p…
提供笔画宽度,颜色,样式,边框,背景色工具栏
压感实现方式
- 选用pressure.js库
- 原理基于浏览器原生pointerEvent事件
目前压感最佳实践为 win10 + chrome + pointerEvent + wacom
在win7下似乎暂时无解,chrome浏览器监听pointerEvent返回的pressure永远是0.5