title: HTML Canvas Zooming Issue
body: <p>Recently, I decided to delve into the world of HTML5 and the canvas and I have run into an issue that I cannot figure out how to solve.</p>
  
  <p>I am using the zoom technique that was mentioned in <strong><a href="https://stackoverflow.com/questions/2916081/zoom-in-on-a-point-using-scale-and-translate">this question</a></strong>, as I need to be able to zoom into a specific point. </p>
  
  <p><strong>However, the issue I have encountered is when you zoom into an area, and then perform a large mouse movement, and then zoom out. The entire viewpoint and objects become skewed.</strong> <em>(Objects that were previously occupying the entire canvas, are now partially or sometimes not visible at all.)</em></p>
  
  <p>I am assuming that the zoom in towards a point function is using the mouse position upon zooming out, which is causing these issues.</p>
  
  <p><strong>Here is a demo to get an idea of the issue:</strong> <em>(again to reproduce, just zoom in move the mouse a reasonable distance and zoom out)</em></p>
  
  <p><a href="http://jsfiddle.net/rionmonster/4a26B/1/" rel="nofollow noreferrer"><strong>Not-Working Demo</strong></a></p>