结束

恭喜!您已完成Canvas 教程!这些知识将帮助您在 Web 上创建出色的 2D 图形。

更多示例和教程

以下网站提供了各种演示和关于 canvas 的进一步说明

Canvas Codepens

浏览器中的前端开发人员游乐场和代码编辑器。

Canvas 教程

大多数 canvas API 的示例。

游戏开发

游戏是最受欢迎的计算机活动之一。新技术不断涌现,使开发更出色、更强大的游戏成为可能,这些游戏可以在任何符合标准的 Web 浏览器中运行。

其他 Web API

在进一步使用 canvas 和图形时,以下 API 可能会有用

WebGL

用于渲染复杂图形(包括 3D 图形)的高级 API。

SVG

可缩放矢量图形允许您将图像描述为矢量(线条)和形状的集合,以便它们无论绘制的大小如何都能平滑缩放。

Web 音频

Web 音频 API 提供了一个强大而通用的系统来控制 Web 上的音频,允许开发人员选择音频源、向音频添加效果、创建音频可视化、应用空间效果(例如声像定位)等等。

问题

Stack Overflow

带有“canvas”标签的问题。

关于本教程的评论 – MDN 文档社区

如果您对本教程有任何评论或想感谢我们,请随时与我们联系!