Canvas-创建

#Canvas

---

##HTML

---

##Javascript
调用canvas

		var canvas = document.getElementById('canvas')
		var context = canvas.getContext('2d')//使用context进行绘制（绘图环境）

在Javascript中判断浏览器是否支持canvas

	if(canvas.getContext("2d")){
	var context=canvas.getContext("2d")
	}
	else{
		alert("当前浏览器不支持Canvas,请更换浏览器后再试")
		}

---

##绘画的基本操作
画一条直线

		context.moveTo(x,y)//幕布左上角为坐标原点，向右为x轴，向下为y轴
		context.lineTO(x,y)
		context.lineWidth = 5//线条的宽度
		context.strokeStyle = "red"
		context.stroke()

上色

		context.fillStyle="rgb()"
		context.fill()

		context.beginPath()//路径开始
		context.closePath()//路径结束