HTML5 - Creating a viewport for canvas

I have a 2D array that is 30 across, 20 down. However, the viewport only paints 15 across and 10 down. I had a game like that originally and I've been trying to achieve something like this:

Here's my fiddle: http://jsfiddle.net/sTr7q/