Questions tagged [html2canvas]

html2canvas is a JavaScript HTML-rendering library that lets you take "screenshots" of webpages based on the DOM.

From the official site:

This script allows you to take "screenshots" of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.

1794 questions
0
votes
1 answer

How to add second image in PDF?

I'm new here. I mainly deal with backend programming (OOP PHP) but I also have to do some frontend stuff. I'm currently working on creating a PDF (client side) with html2canvas and pdfmake. In this PDF I have to include 2 dynamically loaded graphics…
stefo91
  • 618
  • 6
  • 16
0
votes
0 answers

html2canvas throws a syntax error using promise functions in ie11

Hello I am having a strange issue when running my site on ie11 when trying to use html2canvas where it throws a generic 'synax error' when the .then function is called. i have attempted to remedy this by using polyfill.min.js (from this link, i am…
0
votes
0 answers

how to add spinner for jspdf + html2canvas

I am trying to use jspdf and html2canvas for my project. It works great but if the page is large in size, it takes time to process after clicking the button to download the pdf. I would like to add a spinner as soon as the user clicks on the render…
Johnson Samuel
  • 2,046
  • 2
  • 18
  • 29
0
votes
1 answer

html2canvas and pdfmake not showing images in PDF

Using html2canvas and pdfmake to export HTML to a PDF file. Doing this in an AngularJS framework. The problem I am having, images in the HTML are not shown in the PDF file. data does contain a base64 string, but when I decode this there are no…
Marc
  • 71
  • 15
0
votes
0 answers

Using htmltocanvas for my webpage but highcharts are coming partial

I am trying to take an image of a part of my webpage, which occasionally would include highcharts. It works well except for some highcharts type. As an example, this is my #PrintPanelScreen on webpage. So partial charts are displaying, check the…
Sarah
  • 1,199
  • 2
  • 21
  • 42
0
votes
1 answer

Receive an Error from promise.js - Clone the HTML Object in IE11 using Javascript and html2canvas

UPDATED - sorry I'm working on a DC.js dashboard and I'm trying to provide a screenshot feature. Currently I develop a button that will called a DIV id that contains all the charts in it and convert the SVGs into Canvas so I can screenshot using…
timJIN520
  • 299
  • 1
  • 3
  • 15
0
votes
1 answer

html2canvas: Unable to generate fullcalendar-scheduler as pdf

I have spend hours on this and I got no where. Here is the best combination I have got to. https://jsfiddle.net/zardaloop/bztoju90/21/ However I can't understand why it is not printing correctly. Does anyone know what I am doing wrong or knows any…
Zardaloop
  • 1,594
  • 5
  • 22
  • 43
0
votes
1 answer

Converting react component to pdf with no sucess (html2canvas and dom-to-image)

I am trying to convert a react component to pdf, but with no success. i have a file called: 'automatic-report.js: For demonstrantion purposes i have two functions called 'printDocument()'. One using html2canvas and another one…
0
votes
1 answer

Latest version of HTML2CANVAS does not work in Chrome, Firefox

I have updated html2canvas from 0.4 to 1.0.0 and I used the function below to take a screenshot. The function and html2canvas does not work and I got the error below. How do I solve it? icefaces-compat.js.jsf?ln=ice.compat&v=3_3_0_130416:1 2ms…
Yamur
  • 339
  • 6
  • 20
0
votes
0 answers

Download PDF is not rendering the complete list of data from ngFor using html2canvas

I have the below code to download the elements in ngFor as a PDF . My html is a array list of data information rendered using ngFor . I have a downloadPDF function written which accepts the id as a parameter and loops through the array list and has…
Nancy
  • 911
  • 7
  • 26
  • 54
0
votes
1 answer

How to split the image in pdfMake and insert to multiple pages using AngularJS?

At first I thought it is working fine but after a couple of testing, the data became large enough that it won't fit to one page. I researched some questions but it didn't help me enough so here's my…
Mark
  • 293
  • 1
  • 11
  • 25
0
votes
2 answers

AngularJS to pdfMakeTypeError: Cannot read property 'ownerDocument' of null at html2canvas

This happens when I click the export button which is $scope.export = function() { html2canvas(document.getElementById('balanceSheet')).then(function(canvas) { document.body.appendChild(canvas); var data =…
Mark
  • 293
  • 1
  • 11
  • 25
0
votes
1 answer

css- swap order of 2 words

I could really use some css help. Is it possible to swap the order of 2 words using css, WITHOUT using :after? (ex "Hello World" should become "World Hello") The specific reason I cannot use :after which does in fact work, is that the div snapshot…
0
votes
0 answers

dc.js dashboard using html2canvas

I'm using dc.js to develop crossfilter charts. Such as rowcharts, barcharts, etc. I'm trying to figure out of how to screen shot the whole page so a user can save and email with all their filters as a gif file. I'm using html2canvas js file to…
timJIN520
  • 299
  • 1
  • 3
  • 15
0
votes
1 answer

How to use a proxy with html2canvas (latest version)

I'm trying to capture a screenshot of a bing map with html2canvas. From what I can see I need to use a proxy to allow external images to be captured. I see this suggested use. But I really don't see any suggestion on how it could be used (like an…
Michael Witt
  • 1,582
  • 4
  • 22
  • 43