第一章 基础知识

//Initialization................................................

context.font = FONT_HEIGHT + 'px Arial';

loop = setInterval(drawClock, 1000);

    该应用程序的代码访问canvas及img元素，并且通过CSS的绝对定位方式使其互相重叠。当用户点击“Take snapshot”按钮时，应用程序从canvas之中获取数据地址，并将其值赋给图像元素的src属性。然后，显示图像并隐藏canvas，同时将按钮文本设置为“Return to Canvas”。

    当用户点击“Return to Canvas”按钮时，应用程序隐藏图像并显示canvas，同时将按钮文本改回原来的“Take snapshot”。

    提示：将Canvas输出至blob文件

    在本书写作时，Canvas规范中新增了一个toBlob()方法，所以说，还可以将canvas的内容保存至一个blob文件。直到本书出版时，还未有浏览器支持这个方法。