Image Distortion - Possible IOS issue about js-cover-flow HOT 3 CLOSED

In doing a lot of testing and research I came across this SO: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios.

If this is related to the issue I'm seeing then this is an issue with IOS 6 & 7. In one of the answers on SO, there was a link to this: https://github.com/stomita/ios-imagefile-megapixel

It appears there may be away to adjust the canvas rendering to help mitigate this issue. I'm going to do some more testing over the next couple of days and see if I can determine this is the issue and if so, if there's a way to integrate the fix into js-cover-flow.

from js-cover-flow.

I have confirmed this is an IOS 6.x and above bug. I have forked js-cover-flow (https://github.com/jawa-the-hutt/js-cover-flow) and have inserted a series of fixes to address the issue. The main source of the fixes has been adapted from https://github.com/stomita/ios-imagefile-megapixel

I've also added an image orientation detection option that will detect if an image is displayed at an incorrect orientation. It requires exif.js and binaryajax.js from here: http://www.nihilogic.dk/labs/exif/. There is now a true/false option in the coverflow setup function that will determine if this routine is used. The default is set to false.

In my fork, I've also added a Firefox browser detection statement that will address the issue I reported here: #17. This fix is more for my personal needs in the project I'm working on, so just be aware of this in case you want to include or exclude it from the master.

This is my first fork of a project so I'm not sure what the proper etiquette here is in terms of having any of the changes committed to the master. Let me know and I'll adjust.

from js-cover-flow.

Thanks for the contributions. I guess this can be closed now.
It was only affecting cover images > 1.5Mb.

from js-cover-flow.