title: Fabric.js: Resize canvas and continue working
body: <p>I am working with Fabric.js manipulation images uploaded by users.</p>
  
  <p>Here is how the application works</p>
  
  <p><a href="https://i.stack.imgur.com/Fn2Og.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Fn2Og.png" alt="enter image description here"></a></p>
  
  <p>The uploaded image can be moved and worked on on the entire canvas (grey area). Once finished, I only need the middle area.</p>
  
  <p>One the user clicks <code>save</code>, currently I save the green area as an image, but I also need to resize the whole canvas to be only the green area.</p>
  
  <p>I tried changing the <code>width</code> and <code>height</code> of the whole canvas and then <code>redrawAll()</code>, but the canvas goes bottom left and only a small portion of the working area is visible, the rest is empty gray.</p>
  
  <p>Is it possible to take a snapshot of the green area and continuing working on the canvas ?</p>
  
  <p>Thank you</p>