blob: 8256751a35b967d8af640e309032268f12578d9a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
---
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>
|