html5如何調用繪圖api畫簡單的圓形

這篇文章將為大家詳細講解有關html5如何調用繪圖api畫簡單的圓形，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都做網站、網站建設、外貿營銷網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的聶榮網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

代碼如下:

<!DOCTYPE html><head>
<meta charset=utf-8>
<title>HTML5畫圓形</title>
<script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script</a>>
</head>
<script>
$(document).ready(function(){
var c=document.getElementById("drawbox");
var draw=c.getContext("2d"); //獲取2d內容的引用，調用繪圖API</p><p>draw.fillStyle="red"; //顏色
draw.beginPath(); //從新畫
draw.arc(50,50,50,0,Math.PI*2,true); //圓心x坐標|圓心y坐標|直徑|始|PI為圓周率，Math.PI*2為畫圓|true為時針方向：逆時針，0為順時針，
draw.closePath(); //結束
draw.fill();
})
</script>
</body>
<canvas id="drawbox" width="500" height="500"></canvas>
</body>
</html>

關于“html5如何調用繪圖api畫簡單的圓形”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

分享標題：html5如何調用繪圖api畫簡單的圓形
瀏覽地址：http://aaarwkj.com/article4/jjhcoe.html

成都網站建設公司_創(chuàng)新互聯，為您提供ChatGPT、用戶體驗、網站策劃、App設計、虛擬主機、網站建設

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

html5如何調用繪圖api畫簡單的圓形