DPI/Scale in html2canvas

[fuleinist]

Hi @eKoopmans ,

Just wonder if dpi/scale feature are embeded in your new api branch as per your commit in niklasvh/html2canvas#1087.

I played around with it and find out there is no difference on generated pdf. All images and text are just very blurry.

Here is my settings and pdf screenshot

				html2canvas: {
					backgroundColor :'#000',
					scale: 2,
					dpi: 600,
					imageTimeout: 0,
					letterRendering: true,
				},
				jsPDF: {
					format: 'a4',
					pagesplit: true,
				}	

[eKoopmans]

Hi @fuleinist, sorry for the long delay!

Yes, DPI/scale are implemented, though it depends on which version of html2canvas you're using. If you use html2pdf.bundle.js, the bundled-in version of html2canvas should be scaling correctly!

Also, starting with html2pdf v0.9.0 I am returning to using the official version of html2canvas, rather than my own fork. It now supports scale (though not dpi) natively.

[retrospectacus]

I am using html2pdf.js 0.9.0 in angular2. It works great (thanks!!) but I am not able to scale the output PDF as I want.
When I set the scale option to a larger number like 5, it gives the output PDF a larger file size with sharper content, but I cannot e.g. make more text appear on a line (smaller text; like I've zoomed out).
The dpi option does not seem to have any effect.
Can you show how to do this? Thanks again.

[retrospectacus]

I was able to work around by applying the following CSS class to the printed element.

.zoom-out { 
  /* CSS zoom property not supported by html2canvas */
  transform: scale(0.8);
  transform-origin: 0 0;
  margin: 0 -25% 0 0;
}