Canvas 第二章填充颜色

第二章 填充颜色

填充颜色

<canvas height="500" width="500" id="canvas"></canvas> <script> var elem=document.getElementById("canvas"); var canvas=elem.getContext("2d"); canvas.fillStyle="#e4532a"; canvas.strokeStyle="blue"; canvas.globalAlpha=0.1; canvas.strokeRect(10,10,150,150);//空心矩形 canvas.fillRect(20,20,130,130);//实心矩形 canvas.clearRect(30,30,110,110);//擦除矩形 </script>