网站建设手机网站

代码如下: <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顷时针绘制圆弧的轮廓//封闭路径