web端如何获取笔压 web端获取笔压的js库

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
在这里插入图片描述

角角兔 towrabbit
我是角角兔,喵喵喵。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值