可以在没有画布或 AJAX 的情况下通过 JavaScript 旋转图像吗？

Question

我见过一些 JavaScript 图像旋转器使用 HTML5 画布元素或对服务器端脚本的 AJAX 调用，但是是否可以在不使用这些方法的情况下完成此操作？Internet Explorer 不支持canvas（我知道excanvas，但如果可能的话我希望不支持canvas）并且我不确定AJAX 是否足够流畅。如果有办法的话，是否有任何开源脚本、示例或资源可供我参考？

Answer 1

唉，CSS 不支持以任何方式、形状或形式旋转图像（除非你算 CSS 变换, ，仅 Safari 4 和 Firefox 3.1 支持）。

你最好的选择是使用 拉斐尔的 image() 和rotate()，它应该支持所有半现代浏览器（使用SVG）和大多数版本的IE（使用VML）。

Answer 2

此jQuery插件工作在主要的浏览器包括IE： http://wilq32.googlepages.com/wilq32 .rollimage222 。它利用excanvas的，但至少它可以让你评估是否该方法对你来说已经足够好。

Answer 3

谷歌是你的朋友： http://www.walterzorn.com/rotate_img/rotate_img.htm

但是，这种技术（如所提到的）的缺点是，它通过插入DIVS数量庞大，因此它可以在浏览器好位减缓使用黑客。请谨慎使用。像这样的问题是为什么canvas标签是首先创建。

Answer 4

是，通过CSS变换：

 var degree=180;
 document.getElementById('image_name').style.transform='rotate('+degree+'deg)';