《HTML5 canvas开发详解（第2版）》——第2章 在Canvas上绘图2.1 本章基本文件设置

本节书摘来自异步社区《html5 canvas开发详解（第2版）》一书中的第2章，第2.1节,作者： 【美】steve fulton , jeff fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。

html5 canvas的使用是以强大的绘图、着色和基本二维形状变换为基础的。然而，可供选择的内建形状相对有限，程序员可以通过一组称作路径的线段来绘制出想要的形状。2.4节将涉及相关内容。

提示

可以采用在线形式很好地了解html5 canvas api。wsc网站上有详尽且不断更新的参考，具体地描述了canvas 2d绘图api的功能。

然而，这个在线参考缺少使用api的具体例子。本书避免简单地介绍各个参数的使用，将花时间通过创建示例来解释并探索尽可能多的功能。

2.1　本章基本文件设置

如同开始讲到绘图api时那样，本章中的示例也将使用相同的基本文件设置。这段代码为本书所有示例的基础，使用时只需改变drawscreen()函数的内容即可，具体如下。