Canvas学习

Canvas在低版本的IE浏览器不兼容，需要提示用户 Canvas可以当作一个有特殊功能的DIV盒子

需要设置宽高，他是一个行内元素，需要加上display:block;

Canvas只能使用原生JS ,JQurey不生效

Canvas 画直线的步骤：

1、需要获取到Canvas画布 : var Canvas = document.getElementById('canvas');

2、得到画布的上下文: var c = canvas.getContext('2d');

3、定义一条路径 c.beginPath();

4、定义初始点 c.moveTo('起始坐标X轴,起始坐标Y轴')

5、定义结束点 c.lineTo('结束坐标X轴,结束坐标Y轴')

6、设置直线的线宽 c.lineWidth = 5;

7、设置直线的颜色 c,strokeStyle = '颜色';

8、着色 c.stroke();   [ 着色之前设置颜色和线宽 ]

8、结束路径 c.closePath();