《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()函數的内容即可，具體如下。