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

来源:2-3 绘制弧和圆

行云流水_0013

2015-03-25 00:44

<!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>

http://img.mukewang.com/5511945d0001562a10280279.jpg

写回答 关注

2回答

  • lady_diors
    2015-08-24 15:01:41

    初始y坐标都没变,当然画一起去了

  • 可奈姆
    2015-06-24 20:17:30

    圆y坐标,3个for循环应该不一样

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96913 学习 · 1029 问题

查看课程

相似问题