開(kāi)始之前

1. 前言

今天開(kāi)始，由我?guī)ьI(lǐng)大家進(jìn)入 canvas 的世界，開(kāi)始之前，我們需要明白這幾個(gè)問(wèn)題。

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

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

舉個(gè)例子來(lái)說(shuō)就是，我們剛開(kāi)始學(xué)習(xí)英語(yǔ)，肯定是先從一年級(jí)課本開(kāi)始學(xué)習(xí)，而不是一開(kāi)始就拿著一本牛津字典去學(xué)習(xí)。

3. 遇到問(wèn)題隨時(shí)都可以搜索，為什么還要系統(tǒng)地學(xué)習(xí)？

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

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

4. 適合群體

本篇Wiki主要為 ECMAScript262 第五版內(nèi)容，適合初學(xué)者學(xué)習(xí)或者進(jìn)行知識(shí)點(diǎn)查閱。

5. 前置知識(shí)

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

6. 目前 canvas 主要應(yīng)用場(chǎng)景

目前 canvas 主要應(yīng)用場(chǎng)景有：

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

7. canvas 相關(guān)知識(shí)那么多，我們的課程主要講什么？

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

8. 總結(jié)

本套課程的最終目的是讓每一個(gè)學(xué)習(xí)者都能熟練地使用 canvas，牢牢地打好 canvas 相關(guān)基礎(chǔ)，為以后的前端之路奠定堅(jiān)實(shí)的基礎(chǔ)。