终曲

恭喜你!你已经结束了 Canvas 的教程!这些知识将帮助你在 web 中创建优秀的 2D 图形。

更多的例子以及教程

下面这些网站里有关于 canvas 的各种各样的演示以及更进一步的说明:

Codepen.io

前端开发人员操练场和浏览器内的代码编辑器。

Canvasdemos.com(域名已失效)

关于 HTML5 canvas 元素的应用程序,游戏,工具和教程。

HTML5CanvasTutorials

包括大多数 canvas API 的示例。

31 days of Canvas tutorials

JavaScript 可视化编程入门的不错选择。

Game development

玩游戏是最热门的计算机活动之一。新技术不断诞生,以使开发更好更强、且能在任何符合标准的浏览器上运行的游戏变得可能。

其他的 Web API

当和 canvas 和图形进一步打交道时,这些 API 可能会排上用场。

WebGL

用于渲染交互式 3D 图形的 API.

SVG

可缩放矢量图形(简称 SVG)允许你使用矢量线,矢量图形,确保无论图片大小都可以比例平滑地显示。

Web Audio

Web Audio API 提供了 Web 上的音频控制——个强大和灵活的系统,允许开发人员选择的音频源,添加效果的音频,创建音频可视化,应用空间效应(如平移)等等。

解惑

Stackoverflow

到"canvas"标签来提问

Comments about this tutorial – the MDN documentation community

如果你对本教程有任何意见,或是想感谢我们,在此畅所欲言吧!