                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

第2章画圆的地方，都到一起去了，请帮忙看一下

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

</head>
<body>
<canvas id="canvas" style="border:1px solid #aaa;display: block; margin: 50px auto;">
 如果浏览器不支持请更换浏览器！！！
</canvas>


<script>

window.onload = function(){
	var canvas = document.getElementById("canvas");
	
	canvas.width=1024;
	canvas.height=768
	
	var context = canvas.getContext("2d")
	//使用context绘制

	context.lineWidth=5
	context.strokeStyle="#005588"
	
		for(var i =0; i<10;i++){
			context.beginPath()
		
			context.arc(50+i*100,60,40,0,2*Math.PI*(i+1)/10)
			context.closePath()
			
			context.stroke()
			
		}
	
	
	for(var i =0; i<10;i++){
		context.beginPath()
	
		context.arc(50+i*100,60,40,0,2*Math.PI*(i+1)/10)
	
		
		context.stroke()
		
	}
	
	for(var i =0; i<10;i++){
		context.beginPath()

		context.arc(50+i*100,60,40,0,2*Math.PI*(i+1)/10,true)
		context.closePath()
		
		context.stroke()
		
	}

	
}

</script>
</body>
</html>