canvas是html5新增的标签：
1.兼容性：IE9+;
2.简单用法包括画线，画矩形，画椭圆，画圆；
3.canvas的样式宽高，要写在行间，写在style里面，否则会出现不同的效果；
4.canvas类似一个图片，执行性能高
简单的画线：
//获取canvas(id 设置为c1)元素
var oC = document.ElementById('c1');
//创建画笔
var gd = oC.getContext('2d');
//画
gd.beginPath();
gd.moveTo(100,100);
gd.lineTo(200,200);
gd.lineTo(150,100);
gd.clothPath();//闭合路径
gd.strokeStyle = '#f00';//设置颜色
gd.lineWidth = 20;//设置线宽
gd.stroke();//默认是黑色的，可以加样式
其中，gd.lineWidth是从中间向两侧扩展的。
