第一章 基础知识

第四节 开始学习HTML5

    实际上,jsperf.com网站上不仅有许多与Canvas有关的测试用例,而且直接就能找到一个与上段描述相符的测试用例来。该测试用例就是图1-11中加亮显示的那一个。如果点击一下那个测试用例的链接,jsPerf就会将此用例的代码显示出来,如图1-12所示。可以自己来运行这个测试用例,运行结果会被加入此测试用例的统计信息之中。此外,还可以看到使用其他浏览器的用户运行此测试用例的结果(这部分内容没有包含在图1-12之中)。

 用于遍历图片像素的测试用例

图1-12 用于遍历图片像素的测试用例

    准备知识已经讲完了,现在我们来看看如何在canvas之上进行绘制。

 时钟程序


图1-13 时钟程序