title: Rotate + Zoom Image
body: <p>I need three basic functions for manipulating an image:</p>
  
  <ol>
  <li>Rotate the image;</li>
  <li>Zoom the image;</li>
  <li>Move the image.</li>
  </ol>
  
  <p>I'm now trying to zoom the picture, but it has to keep the rotated image, if I have rotated it.</p>
  
  <p>And I need to move the image with the mouse while keeping the features of zoom and rotate if it is rotated.    </p>
  
  <pre><code>jQuery('#zoom').click(function(){
    element.clearRect(0, 0, canvas.width, canvas.height);
    larguraNova = ( canvasWidth + (escalaPixel * valorZoom) );
    if(larguraNova &gt; canvasWidth){
      /* passo a nova largura que é igual a altura */
      novosDadosWH = larguraNova;
      novosDadosTRBL = ( ( larguraNova - canvasWidth ) / 2 ) ;
    } else {
      /* passo o valor original */
      novosDadosH = novosDadosW = canvasWidth;
    }
  });
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/braziel/nWyDE/" rel="nofollow">Fiddle</a></strong></p>