HTML5 file upload and canvas on IOS6

Question

I'm writing an little script to perform some modification on an image before uploading it with the canvas api.

All was perfect before I test it on IOS6. When you choose to take a file from your camera on portrait mode, when i insert the blob in the canvas, the image is not on the good orientation and deformed.

If you have IOS6 you can test it here :

http://jsfiddle.net/uKnAR/3/

It is a IOS6 bug or something got wrong in my code ?

Thank you !

I am finding the same thing here. I have completed an implementation that seems to have the same affect here http://jsfiddle.net/Untd8/ — NimmoNet, Sep 24 '12 at 13:49
Happy to know i'm not alone ! I haven't found an solution yet :( — pushreset, Oct 05 '12 at 14:17
Same problem here. I could get it to display at the correct size by forcing the height to a arbitrary value. — ghenne, Oct 15 '12 at 17:32

score 2 · Accepted Answer · edited May 23 '17 at 11:48

2

There is a solution here : https://github.com/gokercebeci/canvasResize demo : http://canvasresize.gokercebeci.com/

(via IOS6 and Safari Photo Uploading - File API + Canvas + jQuery Ajax Uploading and Resizing Files Asynchronously)

edited May 23 '17 at 11:48

Community

1
1

answered Oct 26 '12 at 12:03

pushreset

95
1
7

HTML5 file upload and canvas on IOS6

1 Answers1