title: HTML5 - Creating a viewport for canvas
body: <p>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:</p>
  
  <p><img src="https://i.stack.imgur.com/LWvFI.gif" alt="enter image description here"></p>
  
  <p>Here's my fiddle: <a href="http://jsfiddle.net/sTr7q/" rel="noreferrer">http://jsfiddle.net/sTr7q/</a></p>