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>