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

Question

我见过一些 JavaScript 图像旋转器，它们使用 HTML5 画布元素或对服务器端脚本的 AJAX 调用，但是否可以不使用这些方法来做到这一点？Internet Explorer 不支持画布（我知道 excanvas，但如果可能的话我想不支持），我不确定 AJAX 是否足够流畅。如果有办法，是否有任何开源脚本、示例或资源可以指点我？

Answer 1

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

最好的办法是使用Raphael的 image() 和 rotate()，它们应该支持所有半现代浏览器（使用 SVG）和大多数版本的 IE（使用 VML）。

Answer 2

此 jQuery 插件适用于主要浏览器，包括 IE：http ://wilq32.googlepages.com/wilq32.rollimage222 。它使用了 excanvas，但至少它允许您评估该方法是否足以满足您的目的。

Answer 3

是的，通过 CSS 转换：

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

Answer 4

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

但是这种技术的缺点（如前所述）是它通过插入大量 DIVS 来使用 hack，因此它可能会降低浏览器的速度。谨慎使用。像这样的问题是为什么首先创建画布标签的原因。