Thanks to visit codestin.com
Credit goes to developer.mozilla.org

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

终曲

恭喜你!你已经结束了 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

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