摘要：話(huà)說(shuō)年底了，今年承諾了一些教程還沒(méi)來(lái)得及寫(xiě)，說(shuō)到了就得辦到，年底了，陸續(xù)把欠的賬換上，首先寫(xiě)一個(gè)系列教程，一來(lái)是問(wèn)的人多，二來(lái)是簡(jiǎn)單。不能讓學(xué)生開(kāi)發(fā)出來(lái)項(xiàng)目的教程都是大忽悠和耍流氓。

話(huà)說(shuō)年底了，今年承諾了一些js教程還沒(méi)來(lái)得及寫(xiě)，說(shuō)到了就得辦到，年底了，陸續(xù)把欠的賬換上，首先寫(xiě)一個(gè)canvas系列教程，一來(lái)是問(wèn)的人多，二來(lái)是簡(jiǎn)單。

總結(jié)起來(lái)就一句話(huà)，我要認(rèn)真的浪一把。

第一個(gè)問(wèn)題先解決為啥學(xué)canvas，而不用flash.

因?yàn)閒lash不好用。（這樣是不是一句話(huà)把天聊死了？）

好吧，詳細(xì)解釋下，第一是因?yàn)閒lash不好用，第二是因?yàn)閒lash把喬老爺子惹毛了，喬幫主一句話(huà)，以后蘋(píng)果產(chǎn)品都不用你flash,蘋(píng)果在手機(jī)端的地位，就跟你爸在你家的的地位似的，他的一句話(huà)就相當(dāng)于你把一句話(huà)說(shuō)以后把你的生活費(fèi)給眨了，你肯定明白flash的感受，這下就操蛋了。

歷史和感情糾葛對(duì)你變成沒(méi)有半毛錢(qián)關(guān)系，我們都是面向工資編程的開(kāi)發(fā)者，所以不墨跡了。說(shuō)怎么開(kāi)發(fā)。

古人說(shuō)的好，要想活兒好，家伙得好使（工欲善其事必先利其器）。我們學(xué)canvas你得有些好工具。有人說(shuō)得有一個(gè)好編輯器啊，然后吵得一地雞毛或者各種糾結(jié)什么編輯器好。我告訴大家我我用atom（https://atom.io/）,不是因?yàn)樗葎e的多好，而是寫(xiě)js只要不是太差的編輯器就行，我也不知道我電腦上啥時(shí)候裝的atom,而且是免費(fèi)的，為啥不用webstorm 之流的集成開(kāi)發(fā)環(huán)境，因?yàn)榧闪颂嗟奶厥夥?wù)，是很爽問(wèn)題是慢?。∧忝髅骺梢悦赓M(fèi)跟你上鋪舍友借個(gè)籃球去打，沒(méi)必要為了借個(gè)籃球就請(qǐng)他特殊服務(wù)吧。

說(shuō)完了編輯器還不夠，為啥？想想一下我的學(xué)生調(diào)試了一晚上程序第二天我告訴他你測(cè)試的瀏覽器不支持這個(gè)功能的時(shí)候他的心情吧……

一般chrome就ok,順帶一句，不是所有的chrome 下html5的功能都支持或者表現(xiàn)一樣，拿http://html5test.com/這個(gè)網(wǎng)站...，否則你的心情就會(huì)跟你和你女朋友本來(lái)想甜蜜一晚上結(jié)果發(fā)現(xiàn)怎么也找不到氣球結(jié)果小純潔了一晚上第二天回到家發(fā)現(xiàn)原來(lái)它就在你口袋里一樣的心情，自行腦補(bǔ)……

最后開(kāi)發(fā)之前我們先看看一些NB的canvas做的東西，給我們一nainai堅(jiān)持下去的動(dòng)力。

http://www.chartjs.org/sample... 很實(shí)用

https://playcanvas.com/ 等你學(xué)會(huì)了寫(xiě)幾個(gè)，實(shí)屬吹牛忽悠，炫耀裝13的利器。

不墨跡，開(kāi)整第一個(gè)例子，hello word.

是不是簡(jiǎn)單的讓人發(fā)指？這里注意兩點(diǎn)：

第一點(diǎn)，canvas是置換元素或者塊元素或者內(nèi)聯(lián)元素對(duì)你開(kāi)發(fā)影響不大，你如果是大牛了研究這個(gè)沒(méi)問(wèn)題，你連基礎(chǔ)的矩形都畫(huà)不出來(lái)閑的蛋疼研究那個(gè)??？

第二點(diǎn)，atom裸奔很難受，安裝一個(gè)emet夠用就行了，別還沒(méi)學(xué)呢先整一堆沒(méi)用的各種智能填充插件，你會(huì)了熟了用那些沒(méi)問(wèn)題，如果你連單詞都拼不對(duì)就想著投機(jī)取巧，你學(xué)不好。

正確的方法加上堅(jiān)持就是捷徑。

明天講講各種形狀和貝塞爾取現(xiàn)等基本的畫(huà)法就可以寫(xiě)項(xiàng)目了。

不能讓學(xué)生開(kāi)發(fā)出來(lái)項(xiàng)目的教程都是大忽悠和耍流氓。