拼图的 KineticJS 旋转问题答案

【问题标题】：KineticJS rotation issue for puzzle pieces拼图的 KineticJS 旋转问题
【发布时间】：2014-11-18 02:18:48
【问题描述】：

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

【问题讨论】：

标签： javascript rotation kineticjs puzzle hammer.js

【解决方案1】：

我认为您的偏移量可能是错误的，当我将它设为具有 x 和 y 属性的对象而不是数组时它可以工作 (fiddle)：

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

【讨论】：