Questions tagged [html-to-image]

10 questions
1
vote
0 answers

html2canvas when taking a screenshot of google maps does not work properly on chrome and safari

html2canvas when taking a screenshot of google maps does not work properly on chrome and safari, screenshot is created, but often custom markers are not included in the screenshot, in the case of firefox everything works correctly. Code: const…
Filbert
  • 13
  • 2
1
vote
1 answer

How to remove blur effect in image generated by html-to-image

I'm using an npm dependency html-to-image in my react app. When I try to generate the image, the result of the generated image has some blur effect. can somebody explain to me how to increase the image quality or give me an alternative, please?
RuthelCrab
  • 153
  • 10
0
votes
0 answers

How to capture a screenshot of a specific component in a React application using Chakra UI?

I'm working on a React application that uses Chakra UI and I'm trying to capture a screenshot of a specific component (a modal) when a button is clicked. I've tried using libraries like html2canvas and html-to-image but I'm encountering…
0
votes
0 answers

html-to-image does image before ajax jquery is done

Im currently coding a program that gets data from an API and passes them with a loop into a html string that represents the data as a website. I want to create an Image of that website. My problem is that the image is created before the data is…
0
votes
0 answers

html2canvas - need to ignore elements during the initial DOM scan

I think html2canvas is scanning the whole DOM and reading the video data, which causes them to start playing aloud. I need it to skip the video elements, as (1) they should not be playing sound, and (2) this is hurting performance, especially on…
0
votes
0 answers

I am getting 'Page Unresponsive', when I am trying to render my pdf using react-pdf/renderer

here are my library versions: "@react-pdf/renderer": "^3.1.12", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" I am sure enough that all the props passed in the below mentioned file are 100% correct in…
0
votes
1 answer

EvoPdf: Problem on converting html to image while using baseUrl for external resources

I'm using EvoPdf for converting HTML to an Image (EvoPdf: ConvertHtmlToImageObject). Now I tried to set the baseUrl for using local resources like: in the html I'm using a css link for custom fonts. imgConverter.ConvertHtmlToImageObject(html,…
0
votes
1 answer

html-to-image get stuck randomnly while in a loop

Current Behavior: I'm using html-to-image to generate images of the data tables in the loop (Let's say I've got 300 tables I need to make a screenshot of). The issue is sometimes it gets stuck without getting into then() or catch(). I couldn't find…
Smokovsky
  • 569
  • 1
  • 7
  • 21
0
votes
1 answer

Angular Change the HTML string ( from backend API in form of string ) into image and show that image into the angular mat-card

I'm working on this project where i'm using CK editor to generate the template and it is saving the HTML string in nodejs and at get api i'm getting the html string which i want to show in mat-card as in form of image i tried html-to-image by i'm…
0
votes
0 answers

html element converted to image is missing to css styling

I am currently building a web app that allows users to create or mimic chats on different social media platforms, so far I am done with the html and css but I have been having issues trying to perfectly capture the html element of the chat section…
Andara
  • 11
  • 2