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

Question

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

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

我已经使用矩阵过滤器完成了它。我想知道是否可以在不使用任何过滤器的情况下仅在 IE 中完成。

score 15 · Accepted Answer

15

使用画布但也支持IE

于 2009-06-10T05:05:45.377 回答

score 12 · Accepted Answer

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

score 3 · Accepted Answer

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

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

score 2 · Accepted Answer

CSS3 支持旋转，但没有得到广泛支持。当您要求 JavaScript 解决方案时，这是一个，但我认为您无法获得流畅的图像。

score 1 · Accepted Answer

还有其他方法可以在没有任何过滤器/ html5 的情况下旋转图像。在现实世界中它很讨厌且无用，但可能。

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

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

5 回答 5