search

bubkoo / html-to-image

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

Some SVG elements are not visible on resulting image #357

Closed AndrewN93 closed 1 year ago

AndrewN93 commented 1 year ago

Some elements from the chart missing

There is a bug on attempt to convert chart (Highchartsin my case) into image. I have a chart with circles on it, and if I try to generate image last circles on the chart are missing. This happens when width of the chart is >1000px. Highcharts supports other shapes such as triangle and they are all displayed on result image, so the problem is only for circle shape.

Expected Behavior

All elements should be on the image

Current Behavior

Circles at very end of the chart are absent on image.

Steps To Reproduce

  1. Visit reproducable demo here
  2. Click on download button
  3. Check the image

Notice: There are 10 circles on the chart on the page, but only 7 circles on the image.

Your Environment

vivcat[bot] commented 1 year ago

👋 @AndrewN93

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.

Jaylyn-Barbee commented 1 year ago

Tracking! My problem is that it doesn't properly get the background image of my div, so it shows everything but the background image (image is a png). However, my issue is specific to Safari.

vivcat[bot] commented 1 year ago

:tada: This issue has been resolved in version 1.11.5 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

vivcat[bot] commented 5 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.