title: TweenJS rect command "grow from center"
body: <p>new to createjs here:</p>
  
  <p>Created this fiddle: <a href="http://jsfiddle.net/gtfc4543/1/" rel="nofollow noreferrer">example</a>. I would like the rect to grow from the center and not from the top left corner. I couldn't find any help, I don't know what to search for.</p>
  
  <p>Code:</p>
  
  <pre><code>const   PAGE_WIDTH  = 150,
          PAGE_HEIGHT = 75;
  
  var stage = new createjs.Stage("canvas");
  createjs.Ticker.setFPS(60);
  createjs.Ticker.on("tick", tick);
  
  var page = new createjs.Shape();
  page.regX = PAGE_WIDTH/2;
  page.regY = PAGE_HEIGHT/2;
  page.x = 50;
  page.y = 50;
  stage.addChild(page);
  
  var pageCommand = page.graphics
     .beginFill('red')
     .drawRect(0, 0, 1, 1).command;
  
  createjs.Tween.get(pageCommand)
     .to({w:PAGE_WIDTH, h: PAGE_HEIGHT}, 700, createjs.Ease.elasticOut)
  
  function tick() {
    stage.update();
  }
  </code></pre>
  
  <p>Thanks.</p>