<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