title: How to fill a shape in easeljs with an image commpletely without repetetion?
body: <p>I want to fill this round rectangle with an image. I am using bitmap fill. </p>
  
  <pre><code>            var stage = new createjs.Stage("canvas");
              var layoutWidth = 0.8 * stage.canvas.width;
              var layoutHeight = 0.6 * stage.canvas.height;
              var layoutRect = new createjs.Shape();
              var image = new createjs.Bitmap("insta.png");
              image.image.onload=function(){
                      layoutRect.graphics.beginStroke("black").beginBitmapFill(image.image).drawRoundRect((stage.canvas.width - layoutWidth) / 2, (stage.canvas.height - layoutHeight) / 2, layoutWidth, layoutHeight,20);
                      stage.update();
              }
              stage.addChild(layoutRect);
              stage.update();
  </code></pre>
  
  <p>How to fill this shape completely with one image and no repetetion. I want that one image should occupy the entire space of the shape.</p>