html5教程调用绘图api画简单的圆形代码分享_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>