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);
}
}
提示：您可以先修改部分代码再运行