開始之前

1. 前言

今天開始，由我?guī)ьI大家進入 canvas 的世界，開始之前，我們需要明白這幾個問題。

2. 教程和官方文檔有什么區(qū)別？

官方文檔中案例較少，而且好多內(nèi)容對初學者不太友好，官方文檔更多的作用是作為手冊使用，而不是作為初學者入門學習的資料。

舉個例子來說就是，我們剛開始學習英語，肯定是先從一年級課本開始學習，而不是一開始就拿著一本牛津字典去學習。

3. 遇到問題隨時都可以搜索，為什么還要系統(tǒng)地學習？

系統(tǒng)學習 canvas 的意義在于：

1. 可以對 canvas 的掌握達到一個更高的境界，也就是從整體、全局和聯(lián)系中去掌握具體的概念和原理，使所學的概念和原理回到知識系統(tǒng)中應有的位置上去。
2. 能把多而雜的 canvas 知識點變得少而精，從而完成 canvas 內(nèi)容由“多”到“少”的轉(zhuǎn)化過程。而且系統(tǒng)化的知識，容量大，好記又好用。
3. 系統(tǒng)地學習 canvas 更有利于記憶， 道理很簡單，單個知識點容易忘記， 而聯(lián)系起來的事物就不容易忘記。

4. 適合群體

本篇Wiki主要為 ECMAScript262 第五版內(nèi)容，適合初學者學習或者進行知識點查閱。

5. 前置知識

章節(jié)中的例子可能會涉及部分 HTML 與 CSS 的知識點，所以需要了解或者掌握一些 HTML、CSS 相關的內(nèi)容作為前置知識。

6. 目前 canvas 主要應用場景

目前 canvas 主要應用場景有：

1. 游戲：canvas 是基于 web 的，在圖像顯示方面比 Flash 更加地立體、更加地精細，而且 canvas 游戲在流暢度和跨平臺方面更加地擅長。
2. 制作酷炫的可視化圖表。目前國內(nèi)開源的框架有：百度的echarts。
3. 制作酷炫的動畫效果。例如宣傳片、廣告片等的制作。
4. 后期 canvas 的版本迭代只會更牛逼，完全可以取代 Flash。

7. canvas 相關知識那么多，我們的課程主要講什么？

本套課程主要針對剛?cè)肭岸瞬痪玫男“谆蛘呦胍到y(tǒng)學習 canvas 的同學，內(nèi)容以基礎課程為主，全面系統(tǒng)地講解 canvas 相關知識點，再搭配上和知識點相關的案例來做說明，可以讓同學們更好地體會到 canvas 的強大以及樂趣所在。

8. 總結(jié)

本套課程的最終目的是讓每一個學習者都能熟練地使用 canvas，牢牢地打好 canvas 相關基礎，為以后的前端之路奠定堅實的基礎。