Firefox 3.7 的多点触控绘图演示

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 条评论

  1. AndyEd

    有指向 Windows 7 的多点触控版本的指针吗?

    2009 年 10 月 13 日 下午 4:08

  2. Daniel Glazman

    Uuuuurrrrrghhhh…. 谁决定了这种语法,谁又接受了这种语法…

    2009 年 10 月 13 日 下午 11:04

  3. […] 将在即将发布的 Firefox 3.6 版本中提供对触控设备的基本支持,例如您可以滚动和拖放网页,在 […] 上选择文本

    2009 年 10 月 14 日 上午 2:52

  4. […] 是 Mozilla Hacks 上的一段很棒的视频,演示了 Firefox 3.7 中的多点触控功能。一个很棒的多点触控绘画应用程序。有趣的是 […]

    2009 年 10 月 14 日 上午 6:00

  5. Christopher Blizzard

    @Andy – 我正在调查。之前有一些版本,我正在查看是否有更新的版本。

    @Daniel – 是的,我们正在讨论将其更改为更合理的语法。有一个关于此的错误报告 – 我想 roc 对此有和你一样的反应。:) https://bugzilla.mozilla.org/show_bug.cgi?id=522149

    2009 年 10 月 14 日 上午 10:00

  6. Felipe Gomes

    @Andy,您可以从此处下载版本作为 zip 文件或安装程序
    http://exchangecode.com/robert/work/try-a808df333211-win32.zip
    http://exchangecode.com/robert/work/try-a808df333211-win32.installer.exe

    或者,您也可以从 bugzilla 下载补丁并重新编译(https://bugzilla.mozilla.org/show_bug.cgi?id=508906

    希望这有帮助!
    Felipe

    2009 年 10 月 14 日 上午 11:45

  7. Jay Patel

    我能够使用我的联想多点触控 x200t 和这个版本尝试 Marcio 的演示
    http://exchangecode.com/robert/work/try-a808df333211-win32.installer.exe

    2009 年 10 月 14 日 上午 11:50

  8. Ryan

    我认为 CSS 伪选择器作为媒体查询会更好,例如

    @media (-moz-touch-enabled) { }

    2009 年 10 月 14 日 下午 3:15

  9. […] Firefox 3.7 的多点触控绘图演示 在 Firefox 内部运行并使用 Firefox 3.7 中将提供的多点触控功能的绘图应用程序。现在,如果我们所有人都拥有支持它的硬件就好了。[hacks.mozilla] […]

    2009 年 10 月 14 日 下午 4:20

  10. Spyros

    这个多点触控功能是否包括现代上网本/笔记本电脑上的触摸板?

    2009 年 10 月 14 日 下午 4:42

  11. […] 2009 年 10 月 16 日由 zENO 用手指涂鸦画图(应用 multi-touch 技术的火狐Web软件) a multi-touch drawing demo for Firefox 3.7 (英文) (按图直接入去看片,按 link […]

    2009 年 10 月 16 日 上午 5:25

  12. […] 我们必须对礼品进行定量分配,否则它们会立刻消失。我很高兴看到触控屏演示的创造力、每个 Mozilla 主题演讲/演示中提供的支持以及每个人对 Mozilla 在 […] 中表现出的兴奋之情

    2009 年 10 月 17 日 下午 10:27

  13. Linda Marroquin

    看看这个多点触控的用户界面。 http://www.youtube.com/watch?v=te9O8HavQpQ

    2009 年 10 月 19 日 上午 9:31

  14. jacob

    有没有可能与 Windows 上的 Microsoft Tablet SDK 集成?: )

    2010 年 4 月 16 日 下午 9:58

  15. Ole

    我也想尝试一下 javascript-multi-touch-support。
    不幸的是,所有版本都消失了 :-(
    还有人有副本吗?

    2010 年 5 月 10 日 下午 1:46

  16. karelr

    我该如何让 Firefox 4 beta4 在 Windows 7 Starter 平板电脑(archos9)上运行应用程序?

    感谢您帮助我

    2010 年 8 月 24 日 下午 5:17

  17. Oleg

    啊!另一个完全单触控的多点触控演示。

    2011 年 5 月 7 日 上午 10:52

本文的评论已关闭。