bubkoo / html-to-image

✂️ Generates an image from a DOM node using HTML5 canvas and SVG.
MIT License
5.66k stars 524 forks source link

ToJpeg method generates a full black picture #155

Closed MonalisaBaltatescu closed 3 years ago

MonalisaBaltatescu commented 3 years ago

Expected Behavior

ToJpeg method should generate a jpeg format image out of HTML content.

Current Behavior

The image is created but it is all black

image

Possible Solution

I've used toPng and it works just fine.

vivcat[bot] commented 3 years ago

👋 @MonalisaBaltatescu

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

boussadjra commented 3 years ago

Add an explicit background color :

htmlToImage.toJpeg(item, {
              quality: 1,
              style: { background: "white" },
            });
kikeztw commented 3 years ago

I'm having the same problem :(

MonalisaBaltatescu commented 3 years ago

@boussadjra Thank you! I've tried it and it is working, but still is not the expected output (as toPng method returns). See below the resulting PDF. The image still has a black background on the sections with no content image

boussadjra commented 3 years ago

@MonalisaBaltatescu make sure to set an explicit background to the parent element that contains all these sections

vivcat[bot] commented 3 years ago

Hiya! This issue has gone quiet. Spooky quiet. 👻 We get a lot of issues, so we currently close issues after 60 days of inactivity. It’s been at least 20 days since the last update here. If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not-stale" to keep this issue open! As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request.

Thanks for being a part of the Antv community! 💪💯

vivcat[bot] commented 3 years ago

Hey again! It’s been 60 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it. Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to comment on this issue or create a new one if you need anything else. As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Thanks again for being part of the Antv community! 💪💯

kru032 commented 2 years ago

htmlToImage.toJpeg(item, { quality: 1, style: { background: "white" }, });

This worked for me Thank you!

sanislo commented 1 year ago

worked for me as well

vivcat[bot] commented 11 months ago

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.