0
如何使用输入框对文本进行旋转操作旋转。我使用鼠标进行文本旋转,但是当我使用可拖动的时候,这非常复杂。 请帮我使用输入框的图像旋转?
如何使用输入框对文本进行旋转操作旋转。我使用鼠标进行文本旋转,但是当我使用可拖动的时候,这非常复杂。 请帮我使用输入框的图像旋转?
我希望这会引导你完成它
$(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>
非常感谢,这正是我想要的 – johndoe
欢迎您投上一票。 –