比较版本

Canvas指南:形状绘图

修订版 329943:

由 davelet 在 进行的修订 329943

修订版 335013:

由 jinbeijian 在 进行的修订 335013

标题:
Canvas指南:形状绘图
Canvas指南:形状绘图
网址缩略名:
Canvas指南::形状绘图
Canvas指南::形状绘图
内容:

修订版 329943
修订版 335013
n8      测试n8       
tt10    <div>
11      &lt;!DOCTYPE HTML&gt;
12    </div>
13    <div>
14      &lt;html&gt;
15    </div>
16    <div>
17      &nbsp;&lt;head&gt;
18    </div>
19    <div>
20      &nbsp; &lt;script type="application/x-javascript"&gt;
21    </div>
22    <div>
23      &nbsp; &nbsp; function draw() {
24    </div>
25    <div>
26      &nbsp; &nbsp; &nbsp; var canvas = document.getElementById("
 >canvas");
27    </div>
28    <div>
29      &nbsp; &nbsp; &nbsp; var cxt=canvas.getContext("2d");
30    </div>
31    <div>
32      cxt.fillStyle="#FF0000";
33    </div>
34    <div>
35      cxt.beginPath();
36    </div>
37    <div>
38      cxt.moveTo(10,10);
39    </div>
40    <div>
41      cxt.lineTo(150,50);
42    </div>
43    <div>
44      &nbsp;
45    </div>
46    <div>
47      cxt.lineTo(10,50);
48    </div>
49    <div>
50      &nbsp;
51    </div>
52    <div>
53      cxt.lineTo(10,10);
54    </div>
55    <div>
56      &nbsp;
57    </div>
58    <div>
59      cxt.stroke();
60    </div>
61    <div>
62      cxt.closePath();
63    </div>
64    <div>
65      cxt.fill();
66    </div>
67    <div>
68      &nbsp; &nbsp; }
69    </div>
70    <div>
71      &nbsp; &lt;/script&gt;
72    </div>
73    <div>
74      &nbsp;&lt;/head&gt;
75    </div>
76    <div>
77      &nbsp;&lt;body onload="draw();"&gt;
78    </div>
79    <div>
80      &nbsp; &nbsp;&lt;canvas id="canvas" width="150" height="150
 >"&gt;
81    </div>
82    <div>
83      &nbsp; &nbsp; &nbsp;&lt;p&gt;This example requires a browse
 >r that supports the
84    </div>
85    <div>
86      &nbsp; &nbsp; &nbsp;&lt;a href="http://www.w3.org/html/wg/h
 >tml5/"&gt;HTML5&lt;/a&gt;&nbsp;
87    </div>
88    <div>
89      &nbsp; &nbsp; &nbsp;&amp;lt;canvas&amp;gt; feature.&lt;/p&g
 >t;
90    </div>
91    <div>
92      &nbsp; &nbsp;&lt;/canvas&gt;
93    </div>
94    <div>
95      &nbsp;&lt;/body&gt;
96    </div>
97    <div>
98      &lt;/html&gt;
99    </div>

返回历史