Bilddrehung mit Eingabefeld?

Question

Wie kann ich eine Textdrehung mithilfe eines Eingabefeldes vornehmen, um die Drehung zu manipulieren? Ich hatte eine Textrotation mit der Maus, aber das wurde sehr kompliziert, wenn ich ziehbar war. Bitte helfen Sie mir

Answer 1

hoffe, dass ich diese Führung werden Sie es Sie erreichen

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