首頁 > web前端 > H5教程 > html5教學呼叫繪圖api畫簡單的圓形程式碼分享_html5教學技巧

html5教學呼叫繪圖api畫簡單的圓形程式碼分享_html5教學技巧

WBOY
發布: 2016-05-16 15:48:38
原創
1447 人瀏覽過


複製代碼
代碼如下:

🎜>
HTML5畫圓
">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">>

<script><br />$(document).ready(function(){<br />var c=document.getElementById("drawbox");<br />var draw=c.getContext("2d"); //取得2d內容的引用,呼叫繪圖API <p>draw.fillStyle="red"; //顏色<br />draw.beginPath(); //從新畫<br />draw.arc(50,50,50,0,Math.PI*2,true) ; //圓心x座標|圓心y座標|直徑|始|PI為圓周率,Math.PI*2為畫圓|true為時針方向:逆時針,0為順時針,<br />draw.closePath(); //結束<br />draw.fill();<br />})<br /></script>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板