如何使用JavaScript将TextArea文本旋转180度

我试着把所有的字母、数字和符号旋转180度，我的意思是把文字颠倒过来。但是代码不起作用，我试图用这个代码做什么是可能的

注意：我想旋转写在TextArea内的文本，但不想旋转TextArea

代码：

函数myFunction（）{
document.getElementById（“textArea2”）.value=document.getElementById（“textArea1”）.css（'transform'，'rotate（180度）'）；
}

更改函数内容 从

到

---

在您的文本区域内

style=”“

将变换属性添加为

<textarea  id="textArea1" style="height: 100px; width: 468px; transform: rotate(180deg)"></textarea><br />

函数myFunction（）{
document.getElementById（'rotatedText'）.innerText=document.getElementById（“inputArea”）.value；
}

#旋转文本{
宽度：468px；
边框：1px实心#000；
边缘顶部：5px；
-moz变换：比例（1，-1）；
-webkit变换：比例（1，-1）；
-o变换：标度（1，-1）；
-ms变换：比例（1，-1）；
变换：比例（1，-1）；
}

我准备好了。

此解决方案对您有帮助吗？Azad谢谢，但我的代码在这种情况下不起作用？您希望每个字符旋转180度吗？每行旋转180度？或者整个文本旋转180度？查看此链接：与Twiki相同：我意识到这实际上是旋转文本区域而不是文本：（好吧，我几乎可以肯定你不能像那样只旋转内部文本，但有人可能知道一些技巧：（但我希望在单击按钮时进行旋转！请尝试此编辑的旋转是否有效。或者您可以搜索反向字体系列。

document.getElementById("textArea2").value =  document.getElementById("textArea1").css('transform', 'rotate(180deg)');

document.getElementById("textArea1").style.transform  = 'rotate(180deg)';

<textarea  id="textArea1" style="height: 100px; width: 468px; transform: rotate(180deg)"></textarea><br />

clickFunction(){
   document.getElementById('textArea1').style.transform = 'rotate(180deg)';
}