使用javascript在div内顺时针或逆时针旋转图像

嗨，有没有一种方法可以让我顺时针或逆时针旋转div内的图像

我有一个主固定宽度div[overflow set to hidden]，其中包含从数据库加载的图像。有一个滚动条用于显示div内的图像。单击图像时，我需要以顺时针或逆时针方向显示旋转动画

---

我已经用矩阵滤波器做了。我想知道是否可以只在IE中完成，而不使用任何过滤器。

我能想到的在IE中在客户端旋转图像的唯一方法是使用过滤器。对于较新的版本，您可以使用其他浏览器

您可以选择使用服务器端脚本旋转图像。然后，您可以发送有关如何使用JavaScript旋转它的信息（即生成图像的路径，如/rotate？image=img.jpg&amount=90）

，但是。 正如您所要求的JavaScript解决方案，但我认为您无法获得平滑的图像。

尝试以下方法：

---

使用画布，但也支持IE

如果使用jQuery，jQueryRotate是一个小型（小于3Kb的缩小+gzip）插件，可旋转图像：

---

还有其他方法可以在没有任何过滤器的情况下旋转图像/html5。。这在现实世界中是肮脏和无用的，但也有可能

对于javascript，您可以将图像存储为像素数组。编写函数来执行旋转，并将其编码为base64 datauri，bmp可以很容易地替换image.src

---

旧浏览器中的文件大小和支持会有一些限制，当然还有糟糕的性能。

只是关于JavaScript解决方案的一个警告：即使对于小到100x100的图像，它也会生成10000个div元素，每个元素都以图像为背景。在处理较大的图像时，这肯定会降低一些浏览器。过滤器的问题是，在应用矩阵过滤器后，图像的清晰度会在一定程度上降低。有没有办法避免这个最新版本的更新链接