javascript：如何使用javascript使文本旋转？_Javascript_Html

javascript：如何使用javascript使文本旋转？

javascript html

javascript：如何使用javascript使文本旋转？,javascript,html,Javascript,Html,我有以下代码：例子快速旋转函数自旋（对象）{ setInterval（函数（）{ object.style.transform+=“旋转（10度）”； }, 1); } 试试这个。主要的问题是宽度一直延伸到整个页面，这扰乱了旋转，因此添加display:inline块使宽度与div的内容匹配 <style> #imgid{display:inline-block;} #myDIV{display:inline-block;} </style> <html

我有以下代码：


例子
快速旋转
函数自旋（对象）{
setInterval（函数（）{
object.style.transform+=“旋转（10度）”；
}, 1);
}

试试这个。主要的问题是宽度一直延伸到整个页面，这扰乱了旋转，因此添加display:inline块使宽度与div的内容匹配

<style>
#imgid{display:inline-block;}
#myDIV{display:inline-block;}
</style>

<html>
    <head>
        <title>Example</title>
    </head>

    <body>
        <div><img src="http://www.w3schools.com/html/html5.gif" id="imgid"></div>
        <div><h1 id='myDIV'>Example</h1></div>
        <div><button onclick="spin(document.getElementById('imgid'));spin(document.getElementById('myDIV'));">xdfdsf</button></div>
    </body>
</html>

<script>
function spin(object)
{
    setInterval(function()
    {
        object.style.transform += "rotate(10deg)";
    }, 1);
}
</script>


#imgid{显示：内联块；}
#myDIV{显示：内联块；}
例子
例子
xdfdsf
函数自旋（对象）
{
setInterval（函数（）
{
object.style.transform+=“旋转（10度）”；
}, 1);
}

什么是“正确旋转”？它肯定是旋转的，您可能需要调整文本元素的大小并更改其

变换原点

属性。当我单击按钮时，我笑得很厉害--我不知道您希望最终效果如何。你想让它转一圈然后停下来吗？还是像现在一样永远旋转？你想让它慢一点，还是快一点？为什么这个“不清楚”？我说得很清楚…是的，我真的不明白为什么在op将我的答案标记为正确的四个小时后，这个问题被搁置；一切对我来说都很清楚。