KineticJS вопрос о ротации для кусочков головоломки

Question

В настоящее время у меня есть KineticJS v5.1 и связываю с hammerJS для моего мультитач, я делаю головоломку для своего проекта, прямо сейчас мои кусочки головоломки могут вращаться на краю моей головоломки когда я делаю свое вращение в 2 пальца, как я могу сделать поворот моих головоломок, чтобы вращение было посередине кусочков головоломки, но не край кусков головоломки?

 var hammertime = Hammer(piecesArray[i][j].shape); 
      hammertime.on("transformstart", function(e) { 
       this.startRatation = this.rotation(); 
      }).on("transform", function(e) { 
       this.rotation((this.startRatation || 0) + e.gesture.rotation); 
       this.getLayer().draw(); 
      }); 

Это мой JSfiddle: http://jsfiddle.net/e70n2693/39/

Answer 1

Я думаю, что ваше смещение может быть неправильно, это работает, когда я делаю это объект с й и у свойств вместо массива (fiddle):

offset: { x: pieceWidth/2, y: pieceHeight/2 },