`
lao_lee
  • 浏览: 96641 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Firefox中的canvas标记

阅读更多

昨天在家里拨了一次电话会议,效果很好 ,感谢CRL的SMILE系统。主讲者是Dog Wilson,Lotus DE,让我对“协作”有了一些基本的“理论知识”;同时隐约感到XUL Runner成为一个新的焦点。

上一篇文章基于以前对XUL RUNNER的认识,已经有点问题了。今天看到了Mozilla已经支持的一个新的标记,就是<canvas>,颇有些感慨。这个标签允许Java script直接在浏览器上画图,这样一来Java script又增加了一重能力,而且分量颇重。因为以前在浏览器上作图是比较困难的;使用APPLE,或者自己制作插件。这两种技术都涉及了浏览器的低层支持,学习起来很困难,意味着开发成本很高。现在只需要标记和java script就可以了,这其实是浏览器的一个重大的进步。

虽然没有任何标准化的消息,但是目前主流的浏览器Mozilla Firefox 1.5,Microsoft IE 7.0都支持了这个标记,可见它的分量。

前几日在TheServerSide看到SwingWeb的发布消息,其实还有一些开源项目试图把SWT也作成这种可以运行在Web Container里,(Google Web Toolkit 算一个)然后在浏览器里显示效果的系统。现在有了这个<canvas>标记,完全可以用更加简洁的办法来实现这样的系统了。最简单的,以SWT为例,可以对每一个SWT的API实现进行改写,让它输出一条等价的java script调用;然后,做一套java script类库,让这些调用在Canvas上画出相应的Widget来。



分享到:
评论

相关推荐

    canvas教程

    因为 canvas 元素相对较新,部分浏览器并未支持(如 Firefox 1.0 和 Internet Explorer),如果浏览器不支持 canvas 元素,便需要提供备用的内容。这很简单:我们只须提供替代品代替 canvas 元素。如果浏览器不支持 ...

    前端开源库-map-canvas

    10. **兼容性**:考虑到浏览器的多样性,Map-Canvas应该对主流浏览器如Chrome、Firefox、Safari和Edge有良好的支持,同时也需要考虑移动设备的兼容性,如iOS和Android系统的浏览器。 综上所述,Map-Canvas是一个...

    canvas数字时钟

    - 描述中提到Firefox的新版本支持,而IE和Chrome可能不完全支持。这是因为早期版本的某些浏览器可能对Canvas支持有限,开发者需要考虑使用polyfills或者备用方案来提高兼容性。 7. **学习资源**: - 对于初学者来...

    wavesurferjs在WebAudio和Canvas上构建的可视化库

    5. **跨浏览器兼容性**:支持大部分现代浏览器,包括Chrome、Firefox、Safari、Edge等。 6. **事件驱动**:提供多种事件回调,如play、pause、seek等,便于与其他应用组件交互。 7. **自定义样式**:允许通过CSS定制...

    FoxTheMilk:A 记住 Milk Firefox OS 应用程序

    在 Firefox OS 中,JavaScript 用于创建动态、交互式的用户界面,处理数据,以及与设备功能如网络、存储、摄像头等进行交互。 1. **事件处理**:JavaScript 可以监听用户操作,如点击、滑动等,响应这些事件并执行...

    HTML5制作的一些云朵效果

    `webgl-clouds(firefox)`这个文件名可能指的是一个专为Firefox浏览器优化的WebGL实现的云朵效果。WebGL是一种基于OpenGL标准的JavaScript API,允许在浏览器中进行硬件加速的3D图形渲染。这可能意味着云朵的动画不...

    html5 基础实例

    随着 Safari 的成功,Firefox 和 Opera 等其他浏览器也相继支持了 `&lt;canvas&gt;`。为了实现跨浏览器的兼容性,Google 发起了一个开源项目 ExCanvas,使得 `&lt;canvas&gt;` 可以在 Internet Explorer 中使用。 #### 五、`...

    TetriCrisis_V_Firefox_110Percent_AI:100%免费的开源跨平台HTML5JavaScript Tetris Remake!

    AI在TetriCrisis_V_Firefox_110Percent_AI中扮演了重要角色。人工智能算法让游戏更具挑战性,模拟不同级别的对手,提供从简单到困难的对战体验。这对于提高玩家技巧和增加游戏深度有着显著效果。开发者可能采用了...

    经典超级玛丽

    《经典超级玛丽》是一款深受喜爱的复古小游戏,它在网页游戏和Firefox OS平台上具有广泛的影响力。这款游戏的源代码和资源可以为开发者提供宝贵的参考和学习机会,尤其对那些想要了解和掌握网页游戏开发的人来说,是...

    GeckoFx 最新版本 完美支持HTML5 C# demo

    **火狐内核(Gecko)** 是Mozilla Firefox浏览器的核心,是一个开源的、跨平台的渲染引擎,能够解析和显示Web内容。由于其强大的现代Web标准支持,开发者常选择GeckoFX来替代传统的浏览器控件。 在“WindowsForms...

    基于html5的俄罗斯方块游戏

    然而,对于大多数现代浏览器,如Chrome、Firefox、Safari和Edge,它们都很好地支持HTML5标准,因此用户可以在这些浏览器上享受游戏的乐趣。这同时也反映出HTML5的普及性和向前兼容的重要性。 【标签】:...

    HTML5烟花生成 设置看效果.rar

    在火狐和Chrome等现代浏览器中,由于对HTML5标准支持更全面,所以动画效果会更加流畅和出色。 "HTML5_CSS3源码-Canvas实例"这一标签表明,除了HTML5 Canvas外,可能还使用了CSS3来辅助布局或者美化界面。CSS3提供了...

    纯javascript写的超级玛丽 IE9 火狐等可用

    "IE9 火狐等浏览器可用"则强调了其跨平台和跨浏览器兼容性,这在web开发中是必不可少的,确保更多用户能够体验到这个游戏。 【标签】中的"超级玛丽"、"超级马力"和"超级玛莉"是同义词,指的是这款经典的任天堂游戏...

    html5俄罗斯方块

    描述中提到,这个游戏在Firefox下运行良好,但在IE和傲游浏览器上可能存在问题。这可能是由于不同的浏览器对HTML5特性的支持程度不一。例如,老版本的IE浏览器不完全支持HTML5的Canvas或JavaScript API,导致游戏...

    浏览器对HTML5的兼容性分析

    - **Firefox 4.0**:计划支持WebM格式。 - **Chrome**:已宣布不再支持MPEG格式的视频。 此外,`&lt;video&gt;`元素包含一个`preload`属性,用于指定页面加载时是否预先加载视频文件及其元数据,以提高用户体验。 ##### ...

    飞行棋,休闲游戏.zip

    在这个案例中,开发者特别提到本地浏览时推荐使用火狐浏览器,这可能是因为火狐对HTML5特性的支持较为完善,或者在开发过程中针对火狐进行了优化,以保证游戏的正常运行和视觉效果。 总之,这个“飞行棋,休闲游戏....

    省内存老机器必选,最后的H5单线程浏览器

    4. **Firefox**:这个压缩包文件名称很可能是指Mozilla Firefox浏览器。Firefox是一个知名的开源网络浏览器,它提供了许多可定制的设置和扩展,以满足不同用户的需求。虽然默认情况下Firefox是多线程的,但它可以...

    Building Silverlight Application

    此外,Silverlight作为一个跨平台、跨浏览器的插件,可以在Safari、Firefox和Internet Explorer上运行,兼容Mac OS X和Windows操作系统,适应任何Web服务器,拥有快速便捷的安装过程。 在代码层面,Silverlight 1.1...

    HTML5小车动画 很酷的HTML5吉普车.rar.rar

    为了运行这个动画,你需要一个支持HTML5的现代浏览器,如Chrome、Firefox、Safari或Edge。解压文件后,通常会有一个HTML文件和相关的CSS、JavaScript文件,打开HTML文件即可在浏览器中查看和体验这个吉普车动画。 ...

    多边形图片制作工具triangulator HTML5版

    在描述中提到,该工具“点开直接用”,这意味着它是一个Web应用,用户只需拥有支持HTML5的浏览器,如Chrome、Firefox、Safari或Edge等,即可在线打开并使用。这体现了HTML5技术的跨平台性和便捷性,用户无需下载安装...

Global site tag (gtag.js) - Google Analytics