canvas破蒼穹

canvas破蒼穹

（一）隕落的天才

「canvas之力，三段！"

望着瀏覽器上暗淡無光的一段話，少年面無表情，脣角有着一抹自嘲（別問我怎麼一邊面無表情通常自嘲，我不知道）。

」xcharts，canvas之力，三段！級別：低級！「瀏覽器旁，一位中年程序員，看了眼控制檯打印的語句，語氣漠然地將之公佈了出來。

禿頭男（等等！剛剛不還只是中年程序員嗎？）話剛剛脫口，便不出意外的在人頭（？）洶涌的的機房帶起一陣嘲諷的騷動。

」三段？嘿嘿，果真不出我所料，這個‘天才’仍是隻會context.arc!「

」哎，這廢物真是把咱們charts界的臉都丟光了。「

」真不知道Echarts大人從哪兒撿回來這麼個廢物!「

」曾經他學console時進步多麼神速啊，現在怎會愚笨至此！「

xcharts緩緩擡起頭來，露出一張有些清秀的稚嫩臉龐，漆黑的眸子木然從那些嘲諷的同齡人身上掃過，嘴角的自嘲,彷佛更加苦澀了。

」這些人，都如此刻薄勢力嗎？或許是由於以前我會console.group，而他們只會console.log時對我曾經崇拜過，謙卑過，因此，現在想要討還回去吧。「苦澀地一笑，xcharts落寞地轉身，安靜地出了機房，孤單的身影與後方熙熙攘攘的人羣如相隔兩端。

第一章後續本身腦補哈，就不水字數了。

(二) cavnas大陸

夜色漆黑，只有顯示器和RGB燈條發出了一些光亮。

xcharts孤獨地坐在電競椅上，凝望着《計算機圖形學》，想着這麼久了仍是看不懂，感到一陣沮喪，又想起下午他們的嘲諷，不由有些恍惚：」十年了「。

在xcharts的心中，有一個僅有他本身知道的祕密，他並非這個世界的人，或者說，他的靈魂不是這個世界的人，他來自一個叫地球的蔚藍星球，是一個php程序員，他也不知道爲何會發生這樣奇怪的事,反正無論怎麼樣，他來了，而且回不去了。

他穿越過來時變成了一個嬰兒，仍是被人遺棄的那種，是Echarts大人碰巧碰見將他帶回來的。隨着年齡的增加，對這個世界，也有了模糊的瞭解。

這個世界叫作canvas大陸，大陸上沒有php，也沒有c，雖然有javascript，但它只是爲canvas服務的，canvas，纔是大陸的惟一主調！

在這片大陸上，canvas的修煉，在無數代人的努力下，幾乎已經發展到了巔峯的地步，而隨着移動端瀏覽器的統一，幾乎全部人都會學習canvas。無論什麼應用，都能用canvas寫出來。

隨着canvas的發展，根據做用的不一樣，分出了好幾條主要的分支，它們是：

• 遊戲引擎
• 可視化
• 其它應用

而全部分支又分爲3d和2d。其下不知道有多少更細分的分支。canvas之力就是修習的成果。可是無論怎麼樣，canvas之力評判的標準是同樣的，完成更多的功能，更酷炫的效果，更少的內存佔用和更快運行效率。

xcharts由於前世在培訓班學php時用過一點js，因此初來時在js方面一枝獨秀，但到使用canvas時，沒有學過設計模式、數據結構與算法、計算機圖形學的他只會根據api完成簡單的功能，對如何實現複雜的應用根本無從下手——而這些東西，在其餘人的腦海裏與生俱來，他不敢讓外人知道本身的不同凡響。因此這些年來纔會從天才墮落成廢物！

」再過半個月就是年終考覈了，屆時canvas之力還沒達到九段的話，就要被驅逐出去了，怎麼辦啊。「想起半個月後的考覈，xcharts心中不禁得一陣惶恐和難過。

」小朋友，別長吁短嘆了「。

好了，金手指出場了，咱們去下一章。

（三）XRender

」老師，您真的能讓個人canvas之力在半個月後達到九段？「xcharts帶着驚喜和疑問的語氣看向眼前的老者。

」沒錯，只要你用心跟着我學習便可！「

」好好好，那咱們如今就開始吧！「

」既然你這麼着急，那咱們如今就開始吧，你是走的可視化圖表的路子，你可知道渲染器？「老者淡淡地問道。

「我固然知道了。」這個xcharts仍是知道的，「要想將數據變成圖表，也就是可視化，除了須要將數據進行處理，變成方便使用的結構，還須要將這些數據渲染到canvas上成爲能夠看見的信息，這一步由於要考慮到多種環境，因此須要專門的渲染器來完成這份工做。」

「不錯，你可修煉出了渲染器？」

「呃」，xcharts聞言有點羞愧，其餘人這個年齡都已經初步修煉出了渲染器了，「想好了名字算嗎？叫XRender」

「你。。。」，聽到這話，饒是老者脾氣好，鬍鬚也不由一陣顫抖，「算了，這可有可無，xrender是吧？即便它是個空殼，接下來半個月我也能教你如何將它打形成擁有九段canvas之力的渲染器！」

「首先你要知道一個渲染器一般都是採用MVC模式的，也就是由數據驅動視圖，至於C，咱們先無論。」

接着渲染器一般由這幾個部分構成：

好了，今天的canvas破蒼穹就到這裏。戲說雖好，要真的學習仍是要嚴肅一點。

本系列只是趣味引入，真正的知識點請看正文。