使用输入框旋转图像？

Question

如何使用输入框来操纵旋转来进行文本旋转。我使用鼠标进行了文本旋转，但是当我使用可拖动时，这变得非常复杂。请帮助我

Answer 1

我希望这会指导您完成它

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

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

<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>

使用输入框旋转图像？

image rotation using input box?

jquery

image-rotation