第一次知道Canvas这个便签是在百度查天气的时候！天气的晴天下雨和下雪很好奇是怎么做的，审查后看到了一个陌生的Canvas，百度后才知道他是html5的标签，这段时间在也慕课网上学习了Canvas。平常不太喜欢写笔记，这次看到这个活动我也来了！也希望用这个机会更深的学习Canvas。

喜欢慕课网因为他只说有用的，视频时间很短，每一次学完一门课程我就会学会一种效果 ，很有收获，学的越多越充实！

Canvas第一天

1.从画一条直线开始

Canvas 使用context绘制 提供绘制环境和接口

window.onload = function(){

var canvas =document.getElementById('canvas');

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

//使用context绘制 提供绘制环境和接口

context.moveTo(100,100)//开始点

context.lineTo(700,700)//结束点

context.lineWidth=5//线条宽度

context.strokeStyle='red'//线条颜色

context.stroke();//调用stroke进行绘制

context.fillStyle="rgb(2,100,30)"//填充颜色

context.fill();//调用fill进行填充颜色

}

起点和终点是状态需要先绘制状态才调用context.stroke()进行绘制形状