title: how to crop same image multiple times with konva.image
body: <p>i am trying to get cells from a photo with a table. i have the coordonates of the cells in the image. now i want to view my cells using a konvajs library. the problem is that the table is 30x30. so i have 900 cells. when using kanva.image 900 times the browser stop working, because it tries to load 900 time the same image. i want to load one time the image and use it for croping 900 time. here are my code:</p>
  
  <pre><code>function add_i(layer,cell,row,weight,k,cloneI){         
  
          layer.add(cloneI);
  
          cloneI.crop({
                x: parseInt(cell.x),
                y: parseInt(row.y),
                width: cell.width,
                height: row.height
              });
              cloneI.width(cell.width);
              cloneI.height(row.height);
              cloneI.y(row.y);
              cloneI.x(cell.x);
  
      }
      layerP.push( new Konva.Layer());
      if(weight.stage == 'pred'){
        var cloneI = new Konva.Image({
              id:'img_'+k,
              draggable: true
        });
        var clone = new Image();
  
        clone.onload = function() {
              cloneI.image(clone);               
  
              layerP[0].draw();
        };
  
  
        for (var i in weight.predictions){
          var row = weight.predictions[i];
          for (var j in row.cells){
            var cell = row.cells[j];  
            add_i(layerP[0],cell,row,weight,k,cloneI.clone());              
  
            k+=1;
          }
          if(i==4 &amp;&amp; false)
            break;
        }
        clone.src = weight.path_i;
        stage.add(layerP[0]); 
      }
  </code></pre>