title: Get height and width of Fabric.js object after modifying wrong
body: <p>Here is my code.</p>
  
  <pre><code>&lt;canvas id="c" width="240" height="300" style="border:1px solid #000000"&gt;&lt;/canvas&gt;
  
  &lt;script&gt;
      var canvas = new fabric.Canvas('c');
       canvas.backgroundColor = 'yellow';
  
  
       canvas.renderAll();
  
       fabric.Image.fromURL(&lt;?php echo '"' . $url . '"'; ?&gt;, function(myImg) {
        var img1 = myImg.set({ left: 0, top: 0 ,width:150,height:150});
        canvas.add(img1); 
       });
  
       function objectMovedListener(ev) {
        let target = ev.target;
        console.log('left', target.left, 'top', target.top, 'width', target.width * target.scaleX, 'height', target.height * target.scaleY);
       }
  
      canvas.on('object:modified', objectMovedListener);
  &lt;/script&gt;
  </code></pre>
  
  <p>I don't understand what's going wrong. object position TOP &amp; LEFT is showing correct but height &amp; width is shoving wrong.</p>
  
  <p>Please help me. </p>