Rotate image clockwise or anticlockwise inside a div using javascript

javascript image-manipulation rotation
rahul picture rahul · Jun 9, 2009 · Viewed 52.1k times · Source

HI, Is there a way by which I can rotate an image inside a div clockwise or anticlockwise.

I have a main fixed width div[overflow set to hidden] with images loaded from database. There is a scroll bar for showing the images inside the div. When image is clicked then I need to show the rotating animation either in clockwise or anticlockwise direction.

I have done it using Matrix filter. I would like to know whether it is possible to be done in IE only without using any filters.

Answer

Derek picture Derek · Jun 10, 2009

try this: http://raphaeljs.com/image-rotation.html

uses canvas but also supports IE

Related questions

Javascript Image Resize

Does anyone know how to resize images proportionally using JavaScript? I have tried to modify the DOM by adding attributes height and width on the fly, but seems did not work on IE6.

Read More
Get average color of image via Javascript

Not sure this is possible, but looking to write a script that would return the average hex or rgb value for an image. I know it can be done in AS but looking to do it in JavaScript.

Read More
Which library should I use for server-side image manipulation on Node.JS?

I found a quite large list of available libraries on Node.JS wiki but I'm not sure which of those are more mature and provide better performance. Basically I want to do the following: load some images to a server …

Read More