在网站上使用 Surface Pro 触控笔

Posted

技术标签:

【中文标题】在网站上使用 Surface Pro 触控笔【英文标题】:Using the Surface Pro pen on websites 【发布时间】:2015-02-05 11:22:02 【问题描述】:

MS Surface Pro 上的手写笔非常好,尤其是在 OneNote 中。对于工程师和设计师来说,它使草图和线框图变得超级简单。

另一方面,OneNote 的在线功能相当有限,我可以想到在 Web 应用程序中使用优秀手写笔的许多其他用途。

有没有办法或更好的现有库,在 javascript 中复制 OneNote 的手写笔行为(例如,手掌误触、平滑线条、擦除笔划等)以供在浏览器中使用?

编辑:明确地说,我的意思不仅仅是在 a 上进行基本绘图,更像是 MS Office 中的墨迹书写功能,您可以在文档内容之上徒手绘制,而不会干扰您与应用程序的交互方式,以及当您滚动和缩放时,墨水会保持原样。

我设想某种全屏透明画布在检测到笔悬停时出现,并在移除笔以允许常规鼠标输入时隐藏。内容将被传送到某种 SVG 并显示为 position: relative;什么的。

这种新功能是否可以在原始 html5 中实现,或者我正在寻找某种插件?

【问题讨论】:

Wacom 似乎有一个browser plugin API,但目前还不清楚它是 a) 必要的还是 b) 适用于其他品牌的手写笔。 【参考方案1】:

Pointer Eventsdraft 规范提供了编写此类库所需的原语,但不幸的是,Chrome 团队已投票反对支持它,它是否会成为充分支持的标准,可在公共网站上使用。

【讨论】:

以上是关于在网站上使用 Surface Pro 触控笔的主要内容,如果未能解决你的问题,请参考以下文章

离开 iPad Pro 屏幕,Apple Pencil 会变得更聪明吗?

从 iPad 触控笔获取生物特征信息

android开发 surfaceView与按钮共存时,按钮的隐藏、显示问题

在掌上电脑上绘图时,触控笔指向无法正常工作

surface pro4 通过键盘的触摸板怎么实现右击?

Android HTC Flyer - 使用 MotionEvents 捕捉触控笔