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

我是角角兔，喵喵喵。

web端如何获取笔压 web端获取笔压的js库相关推荐

web端通过企业微信进行登录（获取员工信息）
前言企业微信中的自建应用,除了可以关联已发布的小程序,还可以关联网站. 那么久引出了一个问题,如果这个网站需要能通过企微打开后直接自动登录.(毕竟企业里讲究效率,不想输入账号密码,需要直接通过企微中 ...
一、服务端开发基础（搭建Web服务器、网络基础概念、请求响应流程、配置Apache、静态网站与动态网站）
一.建立你的第一个网站(目标) 前端开发最终还是属于 Web 开发中的一个分支,想要成为一名合格的前端开发人员,就必须要充分理解Web 的概念. 构建一个专业的网站是一项巨大的工作!对于新手我们 ...
Asp.net SignalR 实现服务端消息推送到Web端
参考博客https://www.cnblogs.com/wintersun/p/4148223.html ASP .NET SignalR是一个ASP .NET 下的类库,可以在ASP .NET 的W ...
基于 React 搭建的安卓，Ios，Web 三端架构（附上 IceE 三端框架）
前言本节介绍基于该架构的一个 CMS 项目,如果你没有兴趣了解,可以直接跳到下一节本栏目的文章基于 IceEmblem 架构设计 Github:https://github.com/IceEmbl ...
跨端扫码确认实现Web登录(扫二维码登录)
起初的想法是类似于QQ扫码登录,BILIBILI扫码登录一样,通过手机确认后,在web端重定向完成登录通过对BILIBILI扫码功能的解析,自己实现了一套类似扫码登录的功能以下为伪代码,仅供查阅 ...
Zabbix和agent端部署、图示Zabbix Web端搭建以及添加设备的4种方法、Zabbix API
Zabbix zabbix是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案. zabbix能监视各种网络参数,保证服务器系统的安全运营:并提供灵活的通知机制以让系统管理员 ...
vlc web 登录账号_怎么在web网页端解绑敬业签绑定的手机号？
支持手机电脑多端同步的便签软件敬业签可以用来记录备忘事项,同时针对记录的备忘事项可设置时间提醒.在使用敬业便签时,为了确保数据的安全,以及在日后使用时方便找回账号密码,可以将便签账户和手机号绑定在一起 ...
移动端也能兼容的web页面制作2：导航栏、背景图片设置
[ 导读 ] MDBootstrap 是基于 Vue.js 开发的一套前端框架,拥有美观大气的界面效果,友好的交互体验,更棒的是对于移动端也有很好的兼容性.先给大家看下演示 demo 的运行,后面将围 ...
医药/医疗/互联网医疗服务平台/问诊/挂号/开药/处方/医生/医院/问诊订单管理/移动端问诊医疗系统/医生端处方开药系统/web端医药服务平台管理/axure原型/rp源文件/健康咨询/视频问诊/统计
医药/医疗/互联网医疗服务平台/问诊/挂号/开药/处方/医生/医院/问诊订单管理/移动端问诊医疗系统/医生端处方开药系统/web端医药服务平台管理/处方管理/axure原型/rp源文件/健康咨询/视频 ...
前端web用腾讯地图api根据地址获取经纬度
需求:使用腾讯地图,通过输入的地址获取经纬度 1.先引入腾讯地图,参考https://blog.csdn.net/l13620804253/article/details/117254651 2.要调 ...