title: Resize HTML canvas with .scale()
body: <p>I'm trying to resize a <code>&lt;canvas&gt;</code> with an image already drawn, but I'm misunderstanding how to use the <code>canvas.scale()</code> method because it doesn't shrink...</p>
  
  <p>Code:</p>
  
  <pre><code>ImageRender.prototype.resizeTo = function () {
  
      var canvas          = $('#myCanvas')[0];
      var ctx             = canvas.getContext("2d");
  
      //current image
      var currImg         = ctx.getImageData(0, 0, canvas.width, canvas.height);
  
      //
      var tempCanvas      = $('canvas')[0];
      var tempCtx         = tempCanvas.getContext("2d");
      tempCtx.putImageData(currImg, 0, 0)
  
      //
      ctx.scale(0.5, 0.5);
  
      //redraw
      ctx.drawImage(tempCanvas, 0, 0);
    };
  </code></pre>
  
  <p>What am I overlooking?</p>
  
  <p>Thanks!</p>