Canvas 剛好是我參加 2022 年鐵人賽的主題，所以這篇其實就是整理相關的文章，不會在這裡多加贅述，覺得自己參加鐵人賽最認真準備的就是前面幾篇，後面都被時間追著跑！如果有機會再次參加，我一定要先準備好 30 篇！！

何謂 Canvas？

Canvas 是 HTML tag 的一種，就像是在網頁裡開一塊空白的畫布，利用 JavaScript 在畫布上繪圖。透過 Canvas 還可以做出一些簡單的動畫，再加上事件監聽完成有趣的前端互動、小遊戲。

Canvas 重點文章節錄

1. 基礎繪圖篇

想了解如何透過 Canvas 繪圖的話可以直接看這幾篇，包含幾何繪製、圖形合成、圖形變形等基礎概念：

2. 動畫篇

想要讓自己的 Canvas 動起來可以參考這幾篇：

3. 事件監聽應用

透過事件監聽來完成一些特殊效果：

4. Canvas Libraries

以 Canvas 為基礎的 Libraries 真的超級多～只能說站在巨人的肩膀上很棒！輕鬆多了！！

5. 用 Canvas 復刻一些小專案

最後以 Canvas 為基礎做了一些小小的互動當作練習：

歡迎對 Canvas 感興趣的各方大神們給予回饋或是分享你的專案唷！