canvas在两点之间画线

最新需要做一个表格，有坐标轴，轴上有点，点间连线，想到了canvas，查找官方API，发现还是很简单的，不过毕竟是第一次接触html5，画线也费些时间。

先说说canvas，初始化要设置宽高，而且不能用样式表，必须在canvas的属性中设置，然后调用API画线即可。代码如下：

<canvas id="myCanvas" width="650" height="1198" style="position: absolute;"></canvas>

var c = document.getElementById("myCanvas");//初始化
var ctx = c.getContext("2d");

var point1 = { left: 172, top: 276 };//第一个点
var point2 = { left: 254, top: 236 };//第二个点
ctx.beginPath();
ctx.moveTo(point1.left, point1.top);//起始位置
ctx.lineTo(point2.left, point2.top);//停止位置
ctx.stroke();