Canvas 第九章 画布方法

第九章 画布方法

<canvas height="500" width="500" id="canvas"></canvas>
		<script>
			var elem=document.getElementById("canvas");
			var canvas=elem.getContext("2d");
			
			canvas.save();//在还没有移动（200,200）画布之前， 我先保存一下画布(0，0)
			canvas.beginPath();
			//canvas.translate(200,200);
			//canvas.rotate(-20*Math.PI/180);
			canvas.scale(1.5,0.9);
			canvas.rect(100,100,100,100);
			canvas.closePath();
			canvas.fillStyle="red";
			canvas.fill();
			canvas.restore();//因为上面移动了(200,200),恢复画布之前保存的状态（0,0）
			
//			canvas.beginPath();
//			canvas.rect(100,100,100,100);
//			canvas.closePath();
//			canvas.fillStyle="pink";
//			canvas.fill();
			
		</script>