web端为什么要获取笔压
这是我一直以来的一个疑问,在web端可以获得笔压么,比如一个如果开发一个web端的画板,使用canvas制作,假如客户端所用的设备是一个手绘板,能够获取笔压的话肯定可以让其效果更好。事实上我在之前找了好久都没有找到过已经成熟的解决方案,直到一天我找到了pressure.js
什么是pressure.js
pressure.js是一个用于处理Force Touch, 3D Touch(前面两个人都是苹果的技术)和压感的前端js库,封装了一些简单的api用于处理压感事件
pressure.js 官网:https://pressurejs.com/
github页面 写文章为止2533个星星
前提是浏览器与设备需要支持,否则效果会退回。
目前的情况
我自己插上自己的wacom数位板,使用谷歌最新版的浏览器,好像是会被检测到,而且可以获取笔压。不知道用苹果的mac的会不会有用,有用的话欢迎评论。
原生的api
原生的api都是在pointer下面(但是只有比较新的浏览器才能支持哦)。
想要查看pointerevent 的api请看这
如果想要查看一个canvas 支持笔压的手绘demo请看 这支持笔压的画布demo
我是角角兔,喵喵喵。