title: How can I select the cropped image in fabric js
body: <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          canvas{
              border:1px solid #ccc;
          }
  
          .canvas-container{
              float: left;
              left: 20px; 
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;canvas id='canvas' width='500' height='600' &gt;&lt;/canvas&gt;
  &lt;canvas id='C2' width='500' height='600'&gt;&lt;/canvas&gt;
  &lt;script type="text/javascript" src="fabric.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      (function() {
        var canvas = this.__canvas = new fabric.Canvas('canvas');
        fabric.Object.prototype.transparentCorners = false;
  
        var radius = 300;
  
        fabric.Image.fromURL('./images/Chrysanthemum.jpg', function(img) {
          img.scale(0.4).set({
            left: 10,
            top: 100,
            angle: 0,
            clipTo: function (ctx) {
              ctx.rect(-250, -250, 400, 400);
            }
          });
          canvas.add(img).setActiveObject(img);
          console.log(canvas.getActiveObject());
        });
      })();
  &lt;/script&gt;
  &lt;/body&gt;
  
  
  ----------
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>//the code above;</p>
  
  <p>Now the active object size is the same as the image which has not been cropped;
  But if there is any way to make the cropped image to be selected.Means the smaller size which will be selected in a smaller size.
  thx!</p>