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>

出来就是这种了，帮我看看吧？

续写不尽的未来3319689

浏览 4391回答 1

1回答

qq_青枣工作室_0

canvas的长宽不要用style来定义的。要直接指定width和height属性的。<canvas id="can" width="600" height="600">/canvas>

6 0

随时随地看视频慕课网APP