Сброс вращения элемента обратно в исходное состояние (поворотный. js + jquery UI)? - PullRequest
Новая
       17

Сброс вращения элемента обратно в исходное состояние (поворотный. js + jquery UI)?

0 голосов
/ 17 марта 2020

Я пытаюсь сделать выбранный элемент сбросить его вращение с поворотного. js через определенное время, если он был повернут.

Вот пример демонстрации.

http://jsfiddle.net/mnahbfk0/

$(".draggable").rotatable ({<br> handle: true, snap: true, snapStep: 22.5,<br> });

Что он делает прямо сейчас: - вы можете перетащить синий элемент из коробки и вращать его по центру от красного дескриптор блока - элемент сбрасывает его перетаскивание обратно в блок после его перемещения через определенное время.

Что я хочу сделать: -Я хотел бы сделать то же самое для вращения. Не уверен, что он может быть выполнен с возможностью поворота. js или как выполнить сброс. - также проблема в том, что после поворота сбрасывание перетаскивания кажется отключенным, если оно было повернуто и не go возвращается к центру в пунктирном квадрате.

Спасибо!

https://www.jqueryscript.net/other/CSS3-Rotatable-jQuery-UI.html

1 Ответ

0 голосов
/ 18 марта 2020

В отношении возврата вращения вам просто нужно установить опцию angle обратно на 0, основываясь на документации. Попробуйте изменить угол в обратном вызове. 

$(".draggable").rotatable  ({  
  handle: true,
  snap: true,
  snapStep: 22.5,     
}).draggable({
  revert: function () {
    $(this).delay(2500);
    $(this).rotatable("option", "angle", 0);
    return true
  },    
  revertDuration: '400',
  snapTolerance: '0',
  snap: 'true',
  grid: [ 20, 20],
});

В противном случае вы можете рассмотреть другую библиотеку, которая делает то, что вы хотите. https://github.com/godswearhats/jquery-ui-rotatable

...