javascript - 使用 Jquery-ui-rotatable 重置 Angular

Question

我使用 jQuery UI Rotatable 来旋转对象。我正在尝试实现将旋转重置为其起始 Angular 按钮。我似乎无法让它发挥作用。有什么想法吗？这是我的代码和链接。 https://github.com/godswearhats/jquery-ui-rotatable

HTML:

<button id="btn1"> Button </button>

<divs id="draggable2">
    <div id="target2" style="width: 250px; padding: 1px; padding-right: 1px">
    <img  id="target2" src="https://s33.postimg.org/dr29dnyb3/rightarm2.gif">
    </div>   

JS

 $('#target2').rotatable({angle: 0.5}); $('#draggable2').draggable();

    $('#btn1').click(function () {
    $('#target2').ui.angle.current = 0;
    }

Answer 1

看看这个。这将解决您的问题:

要将 ID 为“target”的元素的 Angular 设置为 1 弧度，请执行以下操作:

$('#target').data('uiRotatable').angle(1.0)

需要度数吗？假设您想将其设置为 30 度...

$('#target').data('uiRotatable').angle(Math.PI * 30 / 180)

与 jQuery bind() 函数结合来完成您需要的任何操作。