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画简单的圆形”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


上一篇:如何用小程序来管理用户信息

下一篇:家居建材小程序开发怎么解决行业痛点


Copyright © 2002-2019 测速网 www.inhv.cn 皖ICP备2023010105号
测速城市 测速地区 测速街道 网速测试城市 网速测试地区 网速测试街道
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!

热门搜索 城市网站建设 地区网站制作 街道网页设计 大写数字 热点城市 热点地区 热点街道 热点时间 房贷计算器