起源在Famo.us中不起作用

Question

我有带有Imagesurface的containerSurface。我想调整容器大小并将图像保持在中心位置。为此我使用修饰符对齐和原点。问题是起源由于某种原因不起作用。

任何想法为什么？有没有解决方法？

代码笔实现在这里：http://codepen.io/Qvatra/pen/MYOYpz

var togle = false;

var mainCtx = Engine.createContext();

var mainNode = new View();
var rootModifier = new StateModifier({
  size:[200,200],
  align: [0.5, 0.5],  
  origin: [0.5, 0.5]
})

var cont = new ContainerSurface({
    properties: {background: 'red'}
});
var mod = new StateModifier({
  align: [0.5, 0.5],  
  origin: [0.5, 0.5]   //<---- this doesn't work 
});
var img = new ImageSurface({
  content: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSbGYiXmH4bP2zLiyn8HGufqQWaUX4f_TGgntNvgSYuNi8fd9SRX27CAzpp',
  size: [true, undefined]
});
cont.add(mod).add(img);

mainNode.add(rootModifier).add(cont);
mainCtx.add(mainNode);

Engine.on('click', function(){
  if(!togle){
    rootModifier.setSize([50,50], {duration: 1000});
  } else {
    rootModifier.setSize([200,200], {duration: 1000});
  }
  togle = !togle;
})