【网站建设手机网站】
代码如下：
<fdoctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>绘制圆弧和圆<／title>
<，head>
·82．
图5-12 页面的显示效果
<body>
<canvas id="myCanvas" width="200" height="100" style="border:lpx solid #c3c3c3;">
您的浏览器不支持canvas元素．
</canvas>
<script type="text/j avascript">
var c=document.getElementById("myCanvas");
var cxFc.getContext("2d");
cxt.fiIIStyle="#ff0000";
cxt.beginPath();
cxt.arc(60,5 0,20,O,Math.PI*2,true);
cxt.closePath();
cxt.fill(); .
cxt.beginPath();
cxt.arc(140,40,20,O,Math.PI,true) ;
cxt.closePath();
cxt.fill();
cxt.beginPath();
cxt.arc(140,60,20,O,Math.PI,false) ;
cxt.closePath();
／／获取画布对象
／／获取画布上绘图的环境
／／设置填充颜色
／／初始化路径
／／逆时针方向绘制填充的圆
／／封闭路径
／／填充路径的内部区域
／／初始化路径
／／逆时针方向绘制填充的圆弧
／／封闭路径
／／填充路径的内部区域
／／初始化路径
inl顷时针绘制圆弧的轮廓
／／封闭路径
