【網(wǎng)站建設(shè)手機(jī)網(wǎng)站】
代碼如下：
<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();
／／獲取畫布對象
／／獲取畫布上繪圖的環(huán)境
／／設(shè)置填充顏色
／／初始化路徑
／／逆時(shí)針方向繪制填充的圓
／／封閉路徑
／／填充路徑的內(nèi)部區(qū)域
／／初始化路徑
／／逆時(shí)針方向繪制填充的圓弧
／／封閉路徑
／／填充路徑的內(nèi)部區(qū)域
／／初始化路徑
inl頃時(shí)針繪制圓弧的輪廓
／／封閉路徑
