代码如下:
<body>
<canvas id="mycanvas"></canvas>
<script type="text/javascript">
var c=document.getElementById('mycanvas');
c.width=600;
c.height=600;
c.style.border="1px solid black";
var context=c.getContext('2d');
context.strokeStyle="black";
context.lineWidth=4;
context.fillStyle="black";
context.beginPath();
context.arc(300,300,250,0,Math.PI,true);
context.stroke();
context.fill();
context.closePath();
context.strokeStyle="black";
context.lineWidth=3;
context.fillStyle="white";
context.beginPath();
context.arc(300,300,250,0,Math.PI,false);
context.stroke();
context.fill();
context.clos