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

更多的例子以及教程

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

Codepen.io
前端开发人员操练场和浏览器内的代码编辑器。
Canvasdemos.com
关于HTML5 canvas元素的应用程序,游戏,工具和教程。
HTML5CanvasTutorials
包括大多数canvas API的示例。
31 days of Canvas tutorials
JavaScript可视化编程入门的不错选择。
Game development
玩游戏是最热门的计算机活动之一。新技术不断诞生,以使开发更好更强、且能在任何符合标准的浏览器上运行的游戏变得可能。

其他的Web APIs

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

WebGL
用于渲染交互式3D图形的API.
SVG
可缩放矢量图形(简称SVG)允许你使用矢量线,矢量图形,确保无论图片大小都可以比例平滑地显示.
Web Audio

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

 

解惑

Stackoverflow
到"canvas"标签来提问
Comments about this tutorial – the MDN documentation community
如果你对本教程有任何意见,或是想感谢我们,在此畅所欲言吧!

文档标签和贡献者

标签: 
 最后编辑者: xixilog,