怎么用html5畫一個圓形

本篇內容主要講解“怎么用html5畫一個圓形”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么用html5畫一個圓形”吧!

創(chuàng)新互聯(lián)公司-專業(yè)網站定制、快速模板網站建設、高性價比扎賚特網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式扎賚特網站制作公司更省心,省錢,快速模板網站建設找我們，業(yè)務覆蓋扎賚特地區(qū)。費用合理售后完善，十多年實體公司更值得信賴。

代碼如下:

<!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畫一個圓形

到此，相信大家對“怎么用html5畫一個圓形”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

標題名稱：怎么用html5畫一個圓形
轉載來源：http://jinyejixie.com/article36/ggspsg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、網站制作、、虛擬主機、用戶體驗、企業(yè)網站制作

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

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

怎么用html5畫一個圓形