Use this tag for questions relating to issues using the dom-to-image JavaScript (https://www.npmjs.com/package/dom-to-image) library. DO NOT use this tag for reporting bugs in the library, instead raise an issue to the open-source repository: https://github.com/tsayen/dom-to-image/issues.
Questions tagged [dom-to-image]
40 questions
0
votes
3 answers
Convert HTML to Image at its Original Dimentions
I have been trying to convert an HTML node in my react code into Image and download it afterward. There are several libraries which we can use to perform that job for us like html-to-image, dom-to-image. But the problem is these libraries download…

asif.ibtihaj
- 361
- 5
- 14
0
votes
1 answer
Printing multiple QR codes in Ionic Angular
I have a webpage in Ionic that uses qr-code to generate QR codes. The codes come from the NodeJS end-point and I generate the codes in frontend in Ionic app accordingly. So far I can easily generate the QR codes and print them…

ARH
- 1,566
- 3
- 25
- 56
0
votes
1 answer
Quality of Generated Image is Low
I have this simple code
function appendImg(imageData) {
let img = new Image();
img.src = imageData;
document.getElementById("img-out-preview").innerHTML = '';
document.getElementById("img-out-preview").appendChild(img);
…

ADMI
- 75
- 1
- 10
0
votes
1 answer
How can I use this UTF-8 SVG string to get
I am using domtoimage to try to turn my html div into

Tyler N
- 301
- 2
- 14
0
votes
1 answer
Vue.js and vuetify how to implement creating and downloading a PNG file from a Vue component?
Say I have a vue component like a card as show in the link below and the image below
https://vuetifyjs.com/en/components/cards/#v-card-actions
How would I implement functionality where a user can click a button or something that will download a…

benwasin97
- 203
- 4
- 12
0
votes
0 answers
dom-to-image node package is throwing exception
I am implementing screenshot feature using dom-to-image npm package in Quasar framwork(Vuejs) when I try to run it, its throwing exception in the attached image. below is my code.
//this called is called by below
const domtoimage =…

Michael Phandera
- 81
- 2
- 6
0
votes
1 answer
Dom-to-image js libarary issue
I am writing a function to render my dom(div with id content) to png image using dom-to-image and upload to my server after rendering, so a async function introduced for waiting to complete image processing, but after the introduction, its rendering…

Abdul azeez VP
- 156
- 1
- 1
- 9
0
votes
0 answers
Convert leaflet map snippet that contains many markers to image using domtoimage
i'm generating a pdf file from react page by capturing react components then converting them to image using dom-to-image library then putting them inside pdf ,it's working well , the problem is when having a lot of markers the code respond with…

Mansouri GHASSEN
- 1
- 1
0
votes
0 answers
Font-family does not render in production after download PDF using jsPDF in ReactJs
ReactJS with jsPDF download does not render font-family.
jsPDF is working well on development but in the production version. I am facing a font-family missing issue after downloading the pdf. Showing below error in console.
Error while reading CSS…

Rahul Shinde
- 168
- 3
- 12
0
votes
1 answer
export pdf for two divs inside pdf pages using domtoimage.toPng
I have two divs (div1,div2) i want to export div1 inside pdf page 1 and export div2 inside pdf page 2 my problem i can capture only one div from them using domtoimage.toPng how can i capture both of divs my code : `
…

MALEEK
- 11
- 7