Canvas中画圆变成椭圆问题

今天在canvas上画圆时发现画的圆全部变成了椭圆，最终找到了原因：

#canvas {
	position: absolute;
	left: 30%;
	top: 0;
	bottom: 0;
	right: 0;
	width: 600px;
	height: 600px;
<span style="white-space:pre">	</span>}

在canvas样式设置中出现的问题，canvas的width、height不应该在css中设置，而是直接在canvas标签中设置width、height，并且不用px。正确设置应该是：

<canvas id="canvas" height="700" width="700">

这样就不会出现椭圆了。