HTML5画布扭曲了？

我想,有一点乐趣,我会看看画布.看起来很容易绘制一个盒子,所以我几乎复制了一个mozilla开发者网站的例子.你可以在这里看到： http://jsfiddle.net/Wolfy87/DZBwp/

你可以看到它已经扭曲了.有人有什么想法吗？我设置相同的x / y和相同的宽度/高度.应该是一个盒子吧？

解决方法

修复了自己,我不得不通过标签设置宽度和高度,而不是CSS.幸运猜测

<canvas width='400' height='300'></canvas>