question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Blank canvas in Chrome

See original GitHub issue

Please make sure you are testing with the latest release of html2canvas. Old versions are not supported and issues reported for them will be closed.

Please follow the general troubleshooting steps first:

  • [+] You are using the latest version
  • [+] You are testing using the non-minified version of html2canvas and checked any potential issues reported in the console

Bug reports:

Hi, I am having troubles with generating canvas on Chrome. I am trying to capture specific div. It works okay on Firefox, however there is only blank white screen in size of generated canvas. It just behave like all child elements of that div have gone or are transparent or something like that.

When I switch to the latest 0.5 version of html2canvas it works okay on all browsers.

Are there any known issue? Maybe some unsupported css? I have tried it on multiple elements, with/without positioning, not just one div, but with no luck.

Thanks for any advice.

Specifications:

  • html2canvas version tested with: All from the latest 1.0 rc3 to first 1.0 version
  • Browser & version: Chrome 76.0.3809.132
  • Operating system: Windows 8.1

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:5
  • Comments:6

github_iconTop GitHub Comments

9reactions
Abdullah0991commented, Oct 1, 2019

I use dom-to-image it’s better than any other libraries.

8reactions
monish0102commented, Sep 12, 2019

Facing same kind of issue. Getting blank white canvas every time.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chrome Canvas
Create your own designs with Canvas. Express yourself with natural brushes and hand-picked colors. Never lose a masterpiece with automatic syncing to your ......
Read more >
Blank Pages in Canvas using Google Chrome Browser
Blank Pages in Canvas using Google Chrome Browser ... Various pages fail to load completely in Canvas when using Windows and Chrome 96....
Read more >
Blank pages or tools appearing in latest version of Chrome
Instead of loading content correctly, blank pages have been displaying in various areas of Canvas, such as Assignments, Grades, or Quizzes, ...
Read more >
Create drawings with Canvas - Chromebook Help
To draw on a blank canvas, select New drawing. To draw on a background, select New from image. Share your drawing. In the...
Read more >
How to use Google's Chrome Canvas app - Android Police
Google's Chrome Canvas is a progressive web app that allows users to draw and paint on their computer, tablet, or Chromebook.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found