//最近工作都是增刪改查。正好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'做一個最簡單的畫布啦