html5使用canvas畫空心圓與實心圓
來源：易賢網 閱讀：734 次 日期：2015-01-29 16:04:40
溫馨提示：易賢網小編為您整理了“html5使用canvas畫空心圓與實心圓”,方便廣大網友查閱！

<canvas id="canvas" width="500" height="500" style="background-color: yellow;"></canvas>

代碼如下:

var canvas=document.getElementById("canvas");

var cxt=canvas.getContext("2d");

//畫一個空心圓

cxt.beginPath();

cxt.arc(200,200,50,0,360,false);

cxt.lineWidth=5;

cxt.strokeStyle="green";

cxt.stroke();//畫空心圓

cxt.closePath();

//畫一個實心圓

cxt.beginPath();

cxt.arc(200,100,50,0,360,false);

cxt.fillStyle="red";//填充顏色,默認是黑色

cxt.fill();//畫實心圓

cxt.closePath();

//空心和實心的組合

cxt.beginPath();

cxt.arc(300,300,50,0,360,false);

cxt.fillStyle="red";

cxt.fill();

cxt.strokeStyle="green";

cxt.stroke();

cxt.closePath();

更多信息請查看IT技術專欄

更多信息請查看網頁制作
易賢網手機網站地址：html5使用canvas畫空心圓與實心圓

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號：滇ICP備2023014141號-1 云南省教育廳備案號：云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證：（云）人服證字（2023）第0102001523號
聯系電話：0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號：hfpxwx
咨詢QQ：1093837350（9:00—18:00）版權所有:易賢網