結論

補充

• 因為canvas基本上原生只有支援一種圖形繪製就是矩形，其他圖形都是要用路徑繪製，相對來說比較難，因此常會搭配SVG向量圖形來使用。
• 前面都介紹2D的繪製，canvas的3D api是WebGL，用法如以下：

canvas.getContext("webgl", { antialias: false,depth: false })

前面學了那麼多的Canvas基礎功能，大家有好好的融會貫通了嗎？
其實我覺得如何真正在實務上，就是在網頁製作上運用到學習的這些效果才是真正的有用。
例如，我不可能就在網頁上單純畫一個圓，就是叫用到canvas，基本上網頁上運用到canvas都是要做動畫、遊戲或是繪製複雜的圖形...等等。
學習這幾天的canvas對我來說只是想要好好了解canvas的原理，之後在學習以canvas為基礎的套件下才不會一知半解，因此接下來的幾天就會進入到pixi的部分了～～

參考來源：
[1]https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Finale
[2]https://developer.mozilla.org/en-US/docs/Games