https://yqfile.alicdn.com/bc81e95aba389209ecb7176965c56b0ba2d9c780.png" >

前言
HTML5 Canvas為開發者提供了一個新的機會，利用它僅使用普通的HTML和JavaScript語言就可以在常見的瀏覽器中創建動畫圖形。Canvas是HTML5中使用率最高的一部分，它被用于許多演示與游戲。它提供了視覺效果很棒的交互特性，而且它還提供了非常大的自由度，幾乎允許開發者在瀏覽器窗口中做任何事情。然而它與JavaScript的傳統開發方式不同（與Flash和Silverlight的開發也不同），因此需要仔細進行探索。

如何運行本書中的示例
使用HTML5和Canvas編程最大的好處就是進入的門檻非常低——需要的所有工具就是一個現代瀏覽器和一個文本編輯器。

為了得到最大兼容性，本書建議讀者下載或使用下列最新版本的瀏覽器，并且排名越前優先級越高。

1．Chrome

2．Safari

3．Opera

4．FireFox

5．Internet Explorer（IE9或更高版本）

本書中的每一個示例都在Google Chrome、Safari和Opera中測試過。在后期開發的示例代碼中，FireFox中開始出現一些問題。本書已經盡最大努力確保這些示例可以兼容盡可能多的瀏覽器，不過這里依然推薦讀者使用Google Chrome或Safari瀏覽器，這樣在Canvas獲得更多的支持度之前得到最好的效果。

請注意，如果讀者使用本書的PDF版本復制粘貼代碼，那么許多語句中包含的減號（“-”）會被替換為其他字符，例如連字符。讀者可以將這些其他符號替換為減號（“-”），這樣代碼才能正常工作。

本書建議購買了本書電子版的讀者應該僅將書中的代碼作為一個參考指南，并且從本書的網站中下載完成的代碼。在下載文件中除了代碼，還包括所有的圖像文件、二進制文件以及可以讓示例在瀏覽器中正常運行的其他資源。
前言
[第1章 HTML5 Canvas簡介
1.1　基礎的HTML頁面 ](https://yq.aliyun.com/articles/97048)
1.2　本書中使用的基礎HTML頁面
1.3　文檔對象模型（DOM）和Canvas
1.4　JavaScript和Canvas
1.5　HTML5 Canvas版“Hello World！”
1.6　用Console.log調試
1.7　2D上下文及其當前狀態
1.8　HTML5 Canvas對象
1.9　第二個示例：猜字母
1.10　內容預告
[第2章 在Canvas上繪圖
2.1　本章基本文件設置 ](https://yq.aliyun.com/articles/97112)
2.2　基本矩形
2.3　Canvas狀態
2.4　使用路徑創建線段
2.5　高級路徑方法
2.6　在畫布上合成
2.7　簡單畫布變換
2.8　用顏色和漸變填充對象
2.9　用圖案填充形狀
2.10　創建陰影
2.11　內容預告
第3章　HTML5 Canvas的文本API
第4章　Canvas圖像
第5章　數學、物理與動畫
第6章　在畫布中融合HTML5視頻
第7章　使用音頻
第8章　畫布游戲本質
第9章　位圖與聲音的結合
第10章　使用PhoneGap制作移動設備游戲
第11章　進一步探索

總結

以上是生活随笔為你收集整理的《HTML5 Canvas开发详解》——导读的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。