HTML2canvas generates Blurry images

jgabrielfaria

I am using jsPDF and it uses html2canvas to generate an image from some html element and insert on the .pdf file. But there is a problem on html2canvas, it generates blurry images from the html. See example below:

HTML content:

http://puu.sh/7SZz4.png

html2canvas generated image:

http://puu.sh/7SZAT.png

Is there any way to fix it or is there any better option to get the image form html?

thanks!

jgabrielfaria

I have found out my problem. Happens that my screen is a Retina Display, so when the canvas2html will render the HTML, due to the difference of pixel density on retina screen, the image is rendered blurred.

Found out the solution here:

https://github.com/cburgmer/rasterizeHTML.js/blob/master/examples/retina.html

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Images Rendered to Canvas in Node Webkit are Blurry

From Dev

html2canvas not rendering CDN images

From Dev

allow html2canvas to display images and download with images

From Dev

Website images blurry in IE?

From Dev

Blurry Images in catalogue view

From Dev

Html2Canvas delay in rendering images and not in a sequence

From Dev

html2canvas not rendering image (externally hosted images)

From Dev

QML icons and images looking Blurry

From Dev

MediaStore Thumbnail images looks blurry

From Dev

HTML canvas making blurry shapes

From Dev

Blurry svg in canvas

From Dev

canvas image gets blurry

From Dev

Why the wordcloud in the canvas is blurry?

From Dev

mvn site command not working - generates css and images not html

From Dev

CGContextDrawImage draws large images very blurry

From Dev

How Can I Check for Blurry Images?

From Dev

Using transform: scale results in blurry images

From Dev

fix for blurry images on browsers used by a mac retina

From Dev

html5 canvas. blurry lines

From Dev

Blurry text/font on canvas element

From Dev

Paperclip (imagemagick) generates dark images

From Dev

Screenshot method generates black images

From Dev

Paperclip (imagemagick) generates dark images

From Dev

how to make the background blurry in html

From Dev

Connected to 2 monitors but one is blurry

From Dev

Blurry background images after update to IE11

From Dev

Blurry background images after update to IE11

From Dev

Photoshop CC (Creative Cloud) Blurry Images When Reducing Size

From Dev

HTML5 - Canvas, drawImage() draws image blurry