html - HTML5 Canvas distorted?

Question

I thought for a bit of fun I would have a look at the canvas. It seemed fairly easy to draw a box so I pretty much copied an example from the mozilla developer site. You can see it here: http://jsfiddle.net/Wolfy87/DZBwp/

As you can see it has distorted. Does anyone have any ideas? I am setting the same x/y and the same width/height. It should be a box, right?

Answer 1

Fixed it myself, I had to set the width and height via the tag, not CSS. Lucky guess.

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