An photo taken with an iPhone can not be manipulated in iOS Safari Run the sample above, it will take a while to download the image because it's 3meg or so. The image is scaled from it's full size 3kx2k as taken directly from the iPhone, it is drawn into a 256x256 canvas using a destination scale. What it draws is incorrect. Works on desktop Safari, Chrome and Android Chrome I'm going to guess it's a size issue since trying smaller images works. See http://greggman.com/downloads/examples/webkit-photo-issue/webkit-photo-issue-3.html The problem is I'm using the <input type="file" accept="image/*"> to allow a web page to use an image the user takes or selects. The fact that I can't then actually use that image in a webpage with the canvas API seems like some limits need to be bumped up?
Created attachment 232625 [details] [Web Archive] greggman.com/downloads/examples/webkit-photo-issue/webkit-photo-issue.html For historical preservation attached a web archive of <http://greggman.com/downloads/examples/webkit-photo-issue/webkit-photo-issue.html> as it appeared on 06/06/2014. I created the web archive using Safari Version 7.0.3 (9537.75.14).
We are also seeing this problem with our HTML5 app and it is causing us lots of problem. As far as I can tell this has been a problem since iOS6. I have also reported this in the Apple Bug Reporter - case 17917149. We would really appreciate this being fixed.
Did you try in an iOS 8 seed?
I was asked to try this in iOS8 beta 5 but my sample code would not run at all. As far as I could tell it was a problem with FileReader. I updated my original report with this information on the 12th August and also logged a new case on the 14th August relating to the new problem I found (18016794).
Note: 18016794 is for Apple Bug Reporter and not WebKit.