在所有浏览器中旋转图像(IE中的画布?)

时间:2008-12-13 18:20:47

标签: internet-explorer image canvas rotation angle

我最终只使用canvas来发现它没有在IE中实现。我尝试从谷歌浏览画布在Internet Explorer中使用它,但它不适用于我的代码(http://uptowar.com/test.php - 虽然在旋转时它没有移除旧图像但是很小的错误。)

那么,还有另一种方法可以围绕它的底部中心角平滑地旋转图像吗?也许是javascript?或者有没有办法用IE和画布做到这一点?

编辑:谷歌浏览器似乎也为画布示例添加了一个丑陋的边框..还有其他顺畅的方式吗?

Edit2:尝试了一种hacky javascript方式:它会导致市长滞后并破坏图像(http://uptowar.com/test2.php),有人知道一种工作方法吗?

3 个答案:

答案 0 :(得分:4)

RaphaelJS是一个出色的跨浏览器JavaScript库,可能完全符合您的需求。我强烈推荐它。如果您访问该网站,甚至有一个涉及旋转图像的特定示例。

答案 1 :(得分:0)

也许只是使用动画.gif文件

如果您想要更多控制权,Flash是另一种选择。

答案 2 :(得分:0)

有一些框架(例如Dojo)提供跨浏览器绘图界面。他们在大多数浏览器上使用canvas,在IE风格上使用VML。 VML是矢量标记语言,是SVG的一种专有祖先。

我搜索了Google中的 svg vml库,显然有很多库感到惊讶。