Issue metadata
Sign in to add a comment
|
Distorted image when calling toDataURL on canvas not within the page markup
Reported by
a...@eyfs.info,
Aug 24 2017
|
||||||||||||||||||||||
Issue descriptionSteps to reproduce the problem: Using Chrome 59+ or Silk Browser on FireOS: 1. Close Chrome or Silk browser 2. Open the browser and navigate to http://andyvenus.com/distortion/index.html 3. Select an image (may need to be a large photo with metadata) and click the upload button 4. Hit the upload button again, uploading the same image What is the expected behavior? The selected photo uploads and displays without distortion in the browser each time the upload button is pressed. What went wrong? The first image displays fine, but the second time it is uploaded it may appear upside down or zoomed in to a small section of the image. Once you see the distortion once, this will happen every time you upload any image of the same resolution (from the same camera), even after refreshing the page. After an image in a different resolution to the first is uploaded, the issue stops completely in that tab. Opening a new tab starts the issue again. Did this work before? Yes Chrome 58 Chrome version: 59+ Channel: stable OS Version: FireOS 5.4 (Android 5.1) Flash Version: This issue doesn't happen in Chrome 58 and below. I cannot reproduce on other device types at this time. But we were alerted to this issue by customers who have had issues with images distorting on other devices since Chrome 59's release. The distortion doesn't happen if I first append the canvas to the page body before calling toDataURL.
,
Aug 25 2017
,
Aug 29 2017
,
Aug 29 2017
Hi, I've attached a video. Notice that after the image flips, it's also flipped the first time after a page reload. The device is an Amazon Fire 7 5th Generation. The chrome details: Google Chrome 60.0.3112.107 (Official Build) (32-bit) Revision 1b127f801b731e3c71f1589d38df0230dc03b018-refs/branch-heads/3112@{#735} OS Android 5.1.1; KFFOWI Build/LVY48F Google Play services SDK=10298000; Installed=0; Access=none JavaScript V8 6.0.286.55 User Agent Mozilla/5.0 (Linux; Android 5.1.1; KFFOWI Build/LVY48F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.107 Safari/537.36
,
Aug 29 2017
Thank you for providing more feedback. Adding requester "sandeepkumars@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Aug 29 2017
,
Oct 13 2017
,
Oct 16 2017
I cannot reproduce this issue on Nexus 6 or Mac. But looking at the code, I suspect that it is not toDataURL's issue; rather, it is the appending of image node. andy@eyfs.info: Does this issue still happen nowadays? You mentioned that "The distortion doesn't happen if I first append the canvas to the page body before calling toDataURL."; could you give me the code snippet that you described? The demo you gave is appending the image node to page, not canvas.
,
Oct 16 2017
,
Oct 30 2017
The NextAction date has arrived: 2017-10-30
,
May 8 2018
I tried again on this issue on Chrome 66.0.3359.136 on a Pixel 2 XL Android phone. There is no distortion seen; probably the bug was fixed in certain revision. I'll close it for now. |
|||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||
Comment 1 by sandeepkumars@chromium.org
, Aug 25 2017Labels: Needs-Feedback