KineticJS旋转问题拼图

时间:2014-11-18 02:18:48

标签: javascript rotation kineticjs puzzle hammer.js

目前我有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/

1 个答案:

答案 0 :(得分:0)

我认为你的偏移量可能是错误的,当我用x和y属性而不是数组(fiddle)创建它时,它会起作用:

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