html5空心圆属性,科技常识：html5使用canvas画空心圆与实心圆

今天小编跟大家讲解下有关html5使用canvas画空心圆与实心圆 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关html5使用canvas画空心圆与实心圆 的相关资料，希望小伙伴们看了有所帮助。

这里给大家分享的是一个学习canvas的时候做的画空心圆与实心圆的练习题 非常简单。

复制代码代码如下: var canvas=document.getElementById("canvas"); var cxt=canvas.getContext("2d"); //画一个空心圆 cxt.beginPath(); cxt.arc(200,200,50,0,360,false); cxt.lineWidth=5; cxt.strokeStyle="green"; cxt.stroke();//画空心圆 cxt.closePath(); //画一个实心圆 cxt.beginPath(); cxt.arc(200,100,50,0,360,false); cxt.fillStyle="red";//填充颜色,默认是黑色 cxt.fill();//画实心圆 cxt.closePath(); //空心和实心的组合 cxt.beginPath(); cxt.arc(300,300,50,0,360,false); cxt.fillStyle="red"; cxt.fill(); cxt.strokeStyle="green"; cxt.stroke(); cxt.closePath();

来源：爱蒂网

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时候联系我们修改或删除，多谢。