0 Comments

canvas的创意

发布于:2013-03-09  |   作者:广州网站建设  |   已聚集:人围观

    canvas是HTML5中最令人激动的新元素之一--也许它就是最精彩的新元素。canvas不仅仅为视觉特性提供了强大的动力,而且它可以同Adobe Flash竞争。这里这样说是有保留的(也保持着清醒)。Flash是一个包含了各种工具、功能和产品的庞然大物。对于那些充分使用了Flash的网站来说,Flash把网站的用户体验提升到了一个新的高度。

      然而,Flash遭到了打击并陷入困境。在本书写作时,在苹果公司(Apple)的移动设备上已经无法使用Flash:即iPad和iPhone。不知道对于苹果公司来说这是好事还是坏事?但对于Adobe公司(它创造了Flash)来说,显然这是一个坏消息。作为开发人员,可以使用HTML5来取代Flash,以便在开发层面绕开苹果公司与Adobe的商业纠纷。使用HTML5中的canvas就可以避开这一问题。canvas是HTML5原生的标记。它不是插件(plug-in)、附件(add-on)或其他需要下载的程序。

       在将来某一时刻,所有浏览器都将完全支持canvas(目前在Internet Explorer上还有一点障碍)。canvas是HTML5的核心元素,人们已经迫不及待地使用它。下面让我们开始学习canvas元素吧。

 

    在任何新技术时,经典的Hello World程序是最常见的。下面将介绍一个canvas版的Hello World程序。但在这个例子中,读者将看不到单词Hello World,在这个例子中根本没有任何单词。读者将要看到的是在Web页面中呈现一个canvas。该canvas带有一个边框和一种背景颜色,它实际上是空白的,并没有什么激动人心的东西。但它呈现在Web页面上,如图3-1所示。

(点击查看大图)图3-1  最简单的canvas

     这个最简单的canvas并没有什么功能,它只是在Web页面上呈现出来。在本章和第4章中,将添加绘图、动画并使用事件。在开始介绍canvas时,作者只是简单地将canvas显示出来,

标签:
飞机