首页 > 建站教程 > html教程 >  HTML5 clearRect()清除圆形区域正文

HTML5 clearRect()清除圆形区域

我爱模板网在这里分享一个用html5的clearRect()方法,清除一个圆形区域,函数如下:
function clearCircle(oc,x,y,r){
	for(var i=0; i< Math.round(Math.PI * r); i++){
		var angle = (i / Math.round(Math.PI * r)) * 360;
		oc.clearRect(x, y, Math.sin(angle * (Math.PI / 180)) * r , Math.cos(angle * (Math.PI / 180)) * r);
	}
}
函数参数说明:
      1、oc 为获取的canvas的2d绘画环境
      2、x、y 是清除的圆形的圆心坐标,r 是需要清除的圆形的半径

代码实例:


提示:您可以先修改部分代码再运行