<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>扇形</title><styletype="text/css">canvas{background:#A9A9A0}</style></head><body><canvasid="canvas"width="800"height="600">你的浏览器暂不支持HTML5的canvas元素</canvas><scripttype="text/javascript">varcanvas=document.getElementById('canvas');//定义变量获取画布DOMvarc=canvas.getContext('2d');//设置绘图环境为2D;c.lineWidth=2;c.strokeStyle="red";c.fillStyle="yellow";c.arc(400,500,300,Math.PI*7/6,Math.PI*11/6,false);c.arc(400,500,150,Math.PI*11/6,Math.PI*7/6,true);c.closePath()c.fill()</script></body></html>
阅读全文 >