Safari on iOS7.0 can't scale images with drawImage taken with it's own camera

• Component: Canvas
• Status: NEW ---

[Gregg Tavares]

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?

[Daniel Bates]

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).

[Kevin Gale]

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.

[Simon Fraser (smfr)]

Did you try in an iOS 8 seed?

[Kevin Gale]

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).

[Kevin Gale]

Note: 18016794 is for Apple Bug Reporter and not WebKit.