Firefox Multitouch at MozChile – Drawing Canvas Experiment from Marcio Galli on Vimeo.
几个月前,我们发布了一段视频,其中包含了一些关于 Firefox 中的多点触控功能的示例。在南美最近的一次活动中,Marcio Galli 编写了一个快速有趣的绘图程序,该程序基于我们将在 Firefox 的后续版本中发布的多点触控代码。最棒的是,他只需要几个小时就能基于 Web 平台完成这个程序。
Firefox 中的触控支持主要包含三个部分:
1. 浏览器触控滚动和拖放。这使您可以作为用户滚动网页、选择文本、打开菜单、选择按钮等等。这是 Firefox 3.6 的一部分。
2. 实现一个新的 CSS 选择器,它可以告诉你是否在触控设备上。这是 <a href="https://mdn.org.cn/en/CSS/:-moz-system-metric%28touch-enabled%29">-moz-system-metric(touch-enabled)</a>
。您可以在 CSS 中使用它来调整 UI 元素的大小,以适应用户的指尖。这是 Firefox 3.6 的一部分。
3. 向网页公开多点触控数据。这将以类似于您今天可以捕获的鼠标事件的 DOM 事件形式出现。这不是 Firefox 3.6 的一部分,但很可能成为 Firefox 3.7 的一部分。
虽然这些功能并非全部会在我们的下一个版本中出现,但我们认为让大家看看 3.6 版本之后的功能将很有趣。
注意:您可以在 Marcio 关于演示的页面上找到示例代码。
17 条评论