Canvas手写板

567 阅读1分钟

由于公司业务需要,封装了一个canvas手写签字板

仓库地址: github.com/BoBoooooo/c…

线上demo地址: codepen.io/boboooooo/p…

提供笔画宽度,颜色,样式,边框,背景色工具栏

压感实现方式

  • 选用pressure.js库
  • 原理基于浏览器原生pointerEvent事件

目前压感最佳实践为 win10 + chrome + pointerEvent + wacom

在win7下似乎暂时无解,chrome浏览器监听pointerEvent返回的pressure永远是0.5