<canvas height="500" width="500" id="canvas"></canvas> <script> var elem=document.getElementById("canvas"); var canvas=elem.getContext("2d"); // canvas.beginPath(); // canvas.rect(10,10,150,150); // canvas.closePath(); // // canvas.fillStyle="orange"; // canvas.fill(); // canvas.strokeStyle="orange"; // canvas.stroke(); // canvas.beginPath(); // canvas.moveTo(10,10); // canvas.lineTo(100,100); // canvas.lineTo(200,10); // canvas.lineTo(300,100); // canvas.lineTo(400,10); // canvas.closePath(); // // canvas.strokeStyle="blue"; // canvas.stroke(); // // canvas.fillStyle="pink"; // canvas.fill(); // canvas.beginPath(); // canvas.arc(200,200,100,0,3/2*Math.PI,true); // canvas.closePath(); // // canvas.fillStyle="pink"; // canvas.fill(); canvas.beginPath(); canvas.moveTo(200,200); canvas.arc(200,200,100,0,3/2*Math.PI,true); canvas.closePath(); canvas.fillStyle="pink"; canvas.fill(); </script>
