今天在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">
这样就不会出现椭圆了。