拼图件的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

我认为您的偏移量可能是错误的，当我使它成为一个具有x和y属性的对象而不是数组(http://jsfiddle.net/5w1tfwyc/)时，它是有效的：

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