結束

恭喜!您已經完成了 Canvas 教程!這些知識將幫助您在 Web 上創建出精美的 2D 圖形。

更多示例和教程

在這些網站上,有各種關於 Canvas 的演示和進一步的解釋。

Canvas Codepens

前端開發者演練場和瀏覽器中的程式碼編輯器。

遊戲開發

遊戲是最流行的計算機活動之一。新技術不斷湧現,使得開發更好、更強大的遊戲成為可能,這些遊戲可以在任何符合標準的網路瀏覽器中執行。

其他 Web API

這些 API 在進一步處理 Canvas 和圖形時可能會很有用。

WebGL

用於渲染複雜圖形(包括 3D)的高階 API。

SVG

可縮放向量圖形允許您將影像描述為一組向量(線條)和形狀,從而使它們無論以何種尺寸繪製都能平滑縮放。

Web Audio

Web Audio API 提供了一個強大且多功能的系統來控制 Web 上的音訊,允許開發人員選擇音訊源、為音訊新增效果、建立音訊視覺化、應用空間效果(如聲像平移)等等。

問題

Stack Overflow

帶有“canvas”標籤的問題。

關於本教程的評論 - MDN 文件社群

如果您對本教程有任何評論或想感謝我們,請隨時與我們聯絡!