---
title: 终曲
slug: Web/API/Canvas_API/Tutorial/Finale
tags:
  - 终曲
translation_of: Web/API/Canvas_API/Tutorial/Finale
---
<div> </div>

<div class="summary">
<p>恭喜你！你已经结束了Canvas的教程！这些知识将帮助你在web中创建优秀的2D图形。</p>
</div>

<h2 id="更多的例子以及教程">更多的例子以及教程</h2>

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

<dl>
 <dt><a href="http://codepen.io/search?q=canvas">Codepen.io</a></dt>
 <dd>前端开发人员操练场和浏览器内的代码编辑器。</dd>
 <dt><a href="http://www.canvasdemos.com/">Canvasdemos.com</a>(域名已失效)</dt>
 <dd>关于HTML5 canvas元素的应用程序，游戏，工具和教程。</dd>
 <dt><a href="http://www.html5canvastutorials.com/">HTML5CanvasTutorials</a></dt>
 <dd>包括大多数canvas API的示例。</dd>
 <dt><a href="http://creativejs.com/2011/08/31-days-of-canvas-tutorials/">31 days of Canvas tutorials</a></dt>
 <dd>JavaScript可视化编程入门的不错选择。</dd>
 <dt><a href="/en-US/docs/Games">Game development</a></dt>
 <dd>玩游戏是最热门的计算机活动之一。新技术不断诞生，以使开发更好更强、且能在任何符合标准的浏览器上运行的游戏变得可能。</dd>
</dl>

<h2 id="其他的Web_APIs">其他的Web APIs</h2>

<p>当和canvas和图形进一步打交道时，这些API可能会排上用场。</p>

<dl>
 <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
 <dd>用于渲染交互式3D图形的API.</dd>
 <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd>可缩放矢量图形（简称SVG）允许你使用矢量线，矢量图形，确保无论图片大小都可以比例平滑地显示.</dd>
 <dt><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio</a></dt>
 <dd>
 <div class="trans-input-wrap">
 <div class="input-wrap" dir="ltr" style="height: auto;">
 <div class="textarea-wrap" style="height: 88px; padding-bottom: 0px;">
 <div class="textarea-bg-text small-font" id="textarea-bg-text">
 <div class="output-wrap small-font">
 <div class="output-mod ordinary-wrap">
 <div class="output-bd" dir="ltr" style="padding-bottom: 6px;">
 <p class="ordinary-output target-output clearfix"><span>Web Audio API提供了Web上的音频控制——个强大和灵活的系统，允许开发人员选择的音频源，添加效果的音频，创建音频可视化，应用空间效应（如平移）等等。</span></p>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </dd>
 <dd> </dd>
</dl>

<h2 id="解惑">解惑</h2>

<dl>
 <dt><a href="http://stackoverflow.com/questions/tagged/canvas">Stackoverflow</a></dt>
 <dd>到"canvas"标签来提问</dd>
 <dt><a href="/en-US/docs/MDN">Comments about this tutorial – the MDN documentation community</a></dt>
 <dd>如果你对本教程有任何意见，或是想感谢我们，在此畅所欲言吧！</dd>
</dl>