html5中canvas的画圆,我的总是是一个椭圆,求大神解决下?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script>
		function arcv(){
			var can = document.getElementById("can");
			if(can == null){
				return false;
			}
			var getCon = can.getContext("2d");
			getCon.fillStyle = "#eeeeef";
			getCon.fillRect(0,0,600,600);
			for(var i= 0; i <= 8; i++){
				getCon.beginPath();
				getCon.arc(100,80,i*8,0,2*Math.PI);
				getCon.closePath();
				getCon.fillStyle = "rgba(255,0,0,0.25)";
				getCon.fill();
			}
		}
	</script>
	<body onload="arcv()">
		<canvas id="can" style="width: 600px; height:600px;"></canvas>
	</body>
</html>

http://img.mukewang.com/5833e95b0001203b06010617.jpg

出来就是这种了,帮我看看吧?

续写不尽的未来3319689
浏览 4290回答 1
1回答

qq_青枣工作室_0

canvas的长宽不要用style来定义的。要直接指定width和height属性的。<canvas id="can" width="600" height="600">/canvas>
打开App,查看更多内容
随时随地看视频慕课网APP