title: Fabric.js copy paste of selected group
body: <p>Say I have multiple objects selected on a fabric.js canvas and can get this group of objects using getActiveGroup.  Can anyone provide an example of how to copy and paste the group into a new group, where:</p>
  
  <p>(a) each object in the copied group retains its relative position to the other copied objects</p>
  
  <p>(b) the copied group as a whole is positioned at some specified x,y position</p>
  
  <p>(c) the copied group objects are selected as a group after the paste, but if the selection is cleared they are treated as individual objects on the canvas</p>
  
  <p>I have tried pasting by cloning and adding the cloned group like this:</p>
  
  <pre><code>canvas.getActiveGroup().clone(function(clone) {
      clone.left = 100;
      clone.top = 100;
      canvas.add(clone);
      canvas.deactivateAll();
      canvas.setActiveGroup(clone).renderAll();
  });
  </code></pre>
  
  <p>Now after this code is run the cloned group objects seem to be added, positioned and selected ok, but as soon as I click the canvas to clear the selection the cloned group objects jump to a different spot on the canvas.  Also the cloned objects are not individually selectable and the selection location is out of sync with the new object location.  Anyways I'm sure I'm missing something but I'm not sure what.  Any help is appreciated.</p>