从零开始的canvas

//最近工作都是增删改查。正好you有时间学点新东西，er而不是单纯的业务上的东西  所以就学学canvas吧

<canvas id="Mycanvas" width="800" height="800"></canvas>

//sho首选创建一个canvas

	var c=document.getElementById("Mycanvas");
	var ctx=c.getContext("2d");

//然后进行定义

		ctx.beginPath();   //开始绘制
		ctx.moveTo(x,y);   //开始点
		ctx.lineTo(x+width,y);		//结束点
		ctx.lineTo(x+width,y+height);
		ctx.lineTo(x,y+height);
		ctx.closePath();				//j结束绘制

		ctx.lineWidth=10;					//border宽度
		ctx.strokeStyle="#ff9500";			//border颜色
		ctx.fillStyle="yellow";			//填充颜色

		ctx.fill();						//填充当前图像
		ctx.stroke();	

//基础api  ji就能zuo'做一个最简单的画布啦