円の回転角度を計算しようとしています。次のスクリプトを使用しています。
var circle = new Kinetic.Circle({
x: 256,
y: 256,
radius: 140,
stroke: 'black',
strokeWidth: 4 ,
offset: [0, 0],
draggable: true,
dragBoundFunc: function (pos) {
var pos = stage.getMousePosition();
var xd = 140 - pos.x;
var yd = 140 - pos.y;
var theta = Math.atan2(yd, xd);
var degree = (theta / (Math.PI / 180) - 45);
this.setRotationDeg(degree);
return {
x: this.getAbsolutePosition().x,
y: this.getAbsolutePosition().y
};
}
});
正確ではないと思います。円の内側に形状を追加して回転を確認しましたが、それらをグループ化できませんでした。回転度を計算する方法と、形状を円でグループ化する方法についての提案をいただければ幸いです。同時に回転します。完全なプロジェクト スクリプトはhttp://jsfiddle.net/user373721/Ja6GBにあります。前もって感謝します。