如何使用JavaScript水平翻转文本？_Javascript_Flip

如何使用JavaScript水平翻转文本？

javascript

如何使用JavaScript水平翻转文本？,javascript,flip,Javascript,Flip,我需要使用JavaScript翻转网站正文中的所有文本。我不是在寻找CSS，我只想使用JavaScript <body>All Texts inside body will flip horizontally</body> 提前感谢也许您可以使用style.transform的缩放功能？它仍然操纵样式，但不需要内联样式或css类在ActionScript中，我们使用翻转元素的比例来反转/反转它。我现在要研究一下，看看是否能得到一点工作代码尝试过，缩放效果很好（必须

我需要使用JavaScript翻转网站正文中的所有文本。我不是在寻找CSS，我只想使用JavaScript

<body>All Texts inside body will flip horizontally</body>

提前感谢

也许您可以使用style.transform的缩放功能？它仍然操纵样式，但不需要内联样式或css类

在ActionScript中，我们使用翻转元素的比例来反转/反转它。我现在要研究一下，看看是否能得到一点工作代码

尝试过，缩放效果很好（必须记住这一点）：

index.html：

<html>
  <head>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body onload="flip_it()">
    <div id="flipper">FLIP ME</div>
  </body>
</html>

唯一的副作用是，如果文本左对齐，它会翻转整个元素，因此现在显示为右对齐。因此，反转对齐方式并翻转它（可能是我会做的），或将其居中，或调整元素的宽度（如果元素的宽度仅与它翻转到位的文本的宽度相同）

transform还有一个旋转功能，但我很快就尝试了，它似乎“不起作用”：

document.getElementById（'yourdiv'）.style.transform='rotate（90deg）'

即使是基于Javascript的方法也会使用CSS。要么在Javascript中操作CSS，要么使用

canvas

无论如何，我只需要使用Javascript翻转所有文本。你的建议是什么？然后告诉我们你为什么需要用js的方式。如果不间接使用css，这确实是不可能的。无论如何，我更新了我的问题，添加了css，如何使用JavaScript翻转所有文本？为什么我需要这个，因为当我们使用CSS时，文本会翻转，我需要使用javascript重新翻转文本，这样我们才能阅读文本。

<html>
  <head>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body onload="flip_it()">
    <div id="flipper">FLIP ME</div>
  </body>
</html>

function flip_it() {
  var elem = document.getElementById ( 'flipper' );
  elem.style.transform = 'scaleX (-1)'; // horizontal
  // elem.style.transform = 'scaleY (-1)'; // vertical
  // elem.style.transform = 'scale  ( 1, -1 ) // X and Y
}