javascript - Jquery ui rotatable 停止时获取旋转 Angular

Question

 var params = {
        // Callback fired on rotation start.
        start: function(event, ui) {
        },
        // Callback fired during rotation.
        rotate: function(event, ui) {
        },
        // Callback fired on rotation end.
        stop: function(event, ui) {

        //Need to get rotate degree

        },
};
$('#target').rotatable(params);

我有一个页面使用 jquery-ui-rotatable 插件

我的问题是如何获取用户停止时的旋转 Angular ？

(例如，如果用户将 div 旋转 30 度，则警报(30)；)

https://github.com/godswearhats/jquery-ui-rotatable

Answer 1

根据您链接的页面:

The start, rotate and stop callbacks provide the following in the ui argument of the callback:

...

• angle: An object containing information about the rotation angle, with the following keys:

  ...

  • stop: The angle at the end of the rotation.

因此，您可以从 stop 回调中的 ui.angle.stop 读取最终 Angular (以弧度为单位):

stop: function(event, ui) {
    alert(ui.angle.stop);
}, 

要将值转换为度数，您只需执行ui.angle.stop/Math.PI * 180即可。