html5如何调用绘图api画简单的圆形
这篇文章将为大家详细讲解有关html5如何调用绘图api画简单的圆形,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
代码如下:
<!DOCTYPEhtml><head><metacharset=utf-8><title>HTML5画圆形</title><scriptsrc="<ahref="ajax.googleapis/ajax/libs/jquery/1.7.1/jquery.min.js"></script">ajax.googleapis/ajax/libs/jquery/1.7.1/jquery.min.js"></script</a>></head><script>$(document).ready(function(){varc=document.getElementById("drawbox");vardraw=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><canvasid="drawbox"width="500"height="500"></canvas></body></html>
关于“html5如何调用绘图api画简单的圆形”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
上一篇:如何用小程序来管理用户信息
admlib32.exe是什么文件?admlib32.exe是不是病毒
Windows XP是什么文件?Windows XP是不是病毒
Theworld.exe是什么文件?Theworld.exe是不是病毒
adss.exe是什么文件?adss.exe是不是病毒
adp.exe是什么文件?adp.exe是不是病毒
AdManCtl.exe是什么文件?AdManCtl.exe是不是病毒
adobes.exe是什么文件?adobes.exe是不是病毒
ewidoctrl.exe是什么文件?ewidoctrl.exe是不是病毒
fastait.exe是什么文件?fastait.exe是不是病毒
adsub.exe是什么文件?adsub.exe是不是病毒