如何测量 Web 上的压力？

Question

最近，Apple 推出了一款新的触控板，它支持“Force Touch”功能。它类似于用于绘画的 Wacom 数位板，因为通过特殊的软件，您可以测量按压的力（重量）。
那么，是否有可能使用像 javascript 这样的网络技术来获取这些值？浏览器是否提供任何有关压力的 API 和信息？

附言我发现这个问题与我的问题有关，但与网络无关：Android, IOS force pressing on the screen

Answer 1

您正在寻找PointerEvent 的pressure 属性。 This isn't widely supported across browsers yet，因为它不是最终规范，但在撰写本文时 IE11 has some support。

Answer 2

对于 iOS (iPhone 6s) 和 Mac（带有 Force Touch 的新 MabBook Pro），您可以使用Pressure.js。它是一个 JavaScript 库，可让您在 Web 上简单地使用强制触摸。下面是一个基本用法的例子：

Pressure.set('#element', {
  change: function(force, event){
    // this is called every time there is a change in pressure
  },
  unsupported: function(){
    // this is called if device or browser does not support Force or 3D touch
  }
});