使用输入框旋转图像？

Question

如何使用输入框进行文本旋转以操纵旋转。我使用鼠标进行了文本旋转，但是当我使用draggable时，它变得非常复杂。 请帮帮我

Answer 1

我希望这能指导你完成它

＆＃13;

＆＃13;

$(document).ready(function(){
    $("#rotateButton").click(function(){
       var x= $("#rotateInput").val();      
     $("#rotate").css('transform','rotate(' + x + 'deg)');
      
    });
});

＆＃13;

#rotate{
  background: url('https://cdn2.iconfinder.com/data/icons/faceavatars/PNG/D04.png');
   width: 180px;
   height:150px;
  background-repeat:no-repeat;
  margin:40px auto;
  
  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

   <div id="rotate"></div>

<input id="rotateInput" type="text" value="0">
<button id="rotateButton">Rotate It</button>


   

＆＃13;

＆＃13;

＆＃13;