案例:html/html5 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
5
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
6
Your browser does not support the canvas element.
7
</canvas>
8
9
<script type="text/javascript">
10
var c=document.getElementById("myCanvas");
11
var cxt=c.getContext("2d");
12
cxt.fillStyle="#92B901";
13
cxt.fillRect(50,50,100,100);
14
function clearCanvas()
15
{
16
c.height=c.height;
17
}
18
</script>
19
<br />
20
<button onclick="clearCanvas()">清空画布</button>
21
</body>
22
</html>