title: Wrong position after center object using fabric js canvas
body: <p>I have an image on a canvas using FabricJS, after I load the image I call canvas.centerObject(img). I have the same image scaled 2X, I am trying to imaplement a Magnify Glass functionality, everything works fine without centering the image, but as soon as I call canvas.centerObject(img) the bigger image doesn't show in the rigth position.</p>
  
  <pre><code>    fabric.Image.fromURL('http://fabricjs.com/assets/pug_small.jpg', function (img) {
          img1 = img;
      img.set({
          width: originalWidth,
          height: originalHeight,
          evented: true,
          selectable: false
      });
  
      lens = fabric.util.object.clone(img);
      lens.set({
          width: scale * originalWidth,
          height: scale * originalHeight,
          clipTo: function (ctx) {
              ctx.arc(-this.left + x - this.width / 2, -this.top + y - this.height / 2, radius, 0, Math.PI * 2, true);
          }
      });
  
      canvas.add(img, lens);
      canvas.centerObject(img);//*******issue here****
  });
  
  canvas.on('mouse:move', function (e) {
      x = e.e.layerX;
      y = e.e.layerY;
      lens.set('left', -(scale - 1) * x);
      lens.set('top', -(scale - 1) * y);
      canvas.renderAll();
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/arnel_1988/u3oL0z7n/" rel="nofollow noreferrer">Please check on this fiddle</a></p>
  
  <p>Thanks.</p>