html5圆的中心点,HTML5 clearRect()清除圆形区域

利用clearRect清除一个圆形区域 - 我爱模板网 www.5imoban.net

var c = document.getElementById("myCanvas");

var oc = c.getContext("2d");

oc.fillStyle = "red";

oc.fillRect(50,50,200,200);

clearCircle(oc,150,150,50);

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);

}

}

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