Rotation Possible

[kencaron]

I'm working on a project that acts as a document viewer (scanned text pages and the like) It's a requirement for me to have a rotation function, so I've been using CSS3 transforms tied to JS so we only rotate at 90 degree angles. This works great in modern browsers with the exception of the height and width not switching for the purposes of panning. It's still detecting the boundaries of the image as if it were in it's original orientation. In other words, if I start with a tall "portrait" image, and rotate it to be a wide "landscape" image, it is still behaving like a portrait image when I try to drag the image while zoomed in.

I was hoping the update() or update update_container_info() would help me out, but no. I don't mind editing the plugin if you tell me which function to look in and which variables define the bounding box for panning.

Thanks, I tried a few plugins like this and this one is the best and most extensible yet.

By the way: http://mocavo.com/docs/A-brief-genealogy-of-the-Usher-family-of-New-England-1869#0 Is an example of what I'm working with here.

[can3p]

Thank for your feedback! It seems that some additional work needed to allow rotation in the iviewer. I think a canvas solution should be considered, so I will look which solution fits best. The problem with css rotate is that the node still behaves like any other node and I should add some custom logic to get the real position of the image in widget.

If you haven't got anything against, I can add a link to your site in the widget wiki.

[can3p]

To use transforms additional layer of getters should be implemented that will return coordinates of the image with respect to current rotation value. I'll try to do this if I have any free time.

[can3p]

I have made an initial rotation implementation in rotate branch. It works perfectly in modern browsers, but needs some additional love with internet explorer.

[can3p]

Version 0.6 is released with rotation feature