Web前端開發精品課：HTML5 Canvas開發詳解

在剛踏入前端這個方向的時候，在瀏覽資料時會有看到canvas這個字眼，canvas翻譯過來就是“畫布”，我們能在裏面繪圖並在此基礎上繪製出各種或有趣或炫酷的東西。 Canvas是HTML5的一門技術，其作用也是舉足輕重的，在看這本書之前，自己對Canvas的記憶也只是停留在它是一個畫布，我們能在裏面畫幾何圖形，這個寒假，也就是2019年末，由於任務所需，自己需要進一步接觸到Canvas技術，但當時不會的內容是先去看參考文檔和別人的代碼，學習起來是不繫統的，雖然任務是完成了但自己對Canvas的原理卻還是微乎甚微。因爲看Vue.js有關的書籍時，聯想到是否也有這麼一本書，是系統地詳細介紹Canvas的，果不其然自己還是找到了，就是現在自己讀完的這本。閱覽該書也有一個星期多了，今天凌晨終於看完了，特此寫下自己對於該書的評價： 毋庸置疑，這本書是優秀的，由於疫情影響自己是先看了電子版的圖書，電子書共有六百餘頁，分爲基礎篇和進階篇，貫徹全書的評價是認真、詳細、易讀易懂和有大量的實戰例子代碼供參考，對此書，感激有三： 其一，自己印象很深的是作者在本書開頭和末尾給了讀者很多推心置腹的建議和鼓勵，對此我真的很感動，從決定選擇前端這個方向，基本所有有關前端的知識都是自學的，這也難免會在坎坎坷坷的路上精疲力盡甚至心灰意冷，作者在開頭和結尾不多的話語卻給了我很大的鼓勵和安慰，感恩； 其二，書中詳細的講解讓讀者讀起來基本是毫無壓力的，不斷出現的代碼使讀者加深了對Canvas技術的印象，循環漸進，從基礎篇到進階篇，只要花時間，閱讀起來基本是一路綠燈，另外，書中還配套了整本書的源碼和一些小便利，使讀者學習起來更加輕鬆，記憶更加深刻； 其三，在本書的末尾，作者還向我們介紹了HTML5遊戲開發的一些圖表庫和遊戲引擎，以便於讀者能在接下來找到方向自學或者有參考的方向。 書中有句話：“就像經典的冰山理論，第一眼看到的美，只是全部創造的八分之一。”，很好的一本書，只有你自己去探索才能發現它深層的美！

看完了，書裏面的例子寫的很詳細，拆解的粒度剛剛好，娓娓道來的感覺，學了那麼久的前端，終於把 canvas 的核心思想搞明白了，實屬不易，另外，我發現看書有一個比看文檔更加高效，裏面等於是有大神已經幫你把這門技術已經摸透了，或者說幫你趟過渾水了，這是看文檔中沒有辦法給與的，文檔很多時候是大而全的東西，用來當詞典來查詢不錯，也不是貶低文檔的作用，只能說各有千秋，看了書籍之後再去看文檔估計會有另外一番感受，搭配各種資料一起，這種學習會更加有效

如果要學習HTML5 Canvas，強烈推薦的一本書。前面12章非常清晰地講解了canvas API的使用，不僅案例豐富，而且詳細的講解了原理。也給了一些避免踩坑的建議，對於初學者非常友好。對於已入門的選手，可直接從13章canvas進階開始閱讀。進階部分，需要具備面向對象編程及Javascript基礎知識，聚焦於canvas動畫開發。另外，不得不說作者的數學應該非常不錯👍👍👍

講的很詳細，有空翻翻看！鞏固一下基礎性的知識點。

推薦給js新手的canvas2D使用說明 本書優點：大量的實例，省去了寫demo來驗證基礎特性的時間，案例不復雜很好理解，閱讀起來絲滑流暢。同時包含了一部分遊戲/動畫開發的基礎機制，方便深入學習

書邏輯結構嚴謹，給的示例代碼都能夠運行起來

這是一本關於Canvas的“教材書”，稱之爲教材書是因爲這裏由淺入深的介紹了從劃線到製作遊戲的全過程，配合圖片去解釋一些僅靠文字不太好理解的概念和算法，讓人能很好的領悟，另外配合大量的示例代碼讓你可以直接上手把代碼寫進電腦查看效果，從而更好的通過實踐加深記憶，是一本理論實踐相結合的好書，推薦！

2020年第3本技術書。canvas還是比較有意思的技術，本書雖然講的比較淺顯，但是還算是一個形成了一個知識體系。平時學習到的零散的知識有了一個整體的脈絡。期待看到更多深入的知識，值得一讀。

問個問題，比如說網頁裏有一個距離比較遠的斜着的平行四邊形a。 我怎麼能讓自己畫的矩形和a重合呢，總不能一點一點試吧，有方案或者輪子嗎？

有比較多例子舉例，在爲數不多的 canvas 的書籍之中，已經算佳作