canvas学习小结

var context = canvas.getContext('2d');

1、canvas画线

    context.beginPath()开始画线

    moveTo(x,y)定义起点

    lineTo(X,Y);定义终点

    context.stroke();画线

2、canvas画柱状图

    主要使用context.fillRect(x,y,width,height);

    x,y柱状图左上角的坐标，

    width,height柱状图的宽度和高度。

3、给柱状图加入文

    主要使用context.fillText(str,x,y);

    str展示所用的文本，x，y文本展示的坐标。