<canvas 是HTML5 中新加入的一个标记
功能是创建一个“画板”对象及一组供javascript使用的API
基本标签的写法是这样的
<canvas width="100" height="100" id="canvas"></canvas>
创建了这个对象以后我们就可以用js来在上面画东西了
首先取得这个对象的引用
var canvas = document.getElementById("canvas");
然后取得绘制对象
var ctx = canvas.getContext("2d");
现在用ctx画一条直线
先把“画笔”放到起始点（0, 0）
ctx.moveTo(0, 0);
然后画线到（50, 50）
ctx.lineTo(50, 50);
把线画出来
ctx.stroke();
就这么简单， 更多的测试看 canvas测试页
Canvas tutorial