HTML2canvas generates Blurry images

by

you can use scale options in html2canvas.

In the latest release, v1.0.0-alpha.1, you can use the scale option to increase the resolution (scale: 2 will double the resolution from the default 96dpi).

// Create a canvas with double-resolution.
html2canvas(element, {
    scale: 2,
    onrendered: myRenderFunction
});
// Create a canvas with 144 dpi (1.5x resolution).
html2canvas(element, {
    dpi: 144,
    onrendered: myRenderFunction
});

More Related Contents:

  1. Using HTML5/Canvas/JavaScript to take in-browser screenshots
  2. Capture HTML Canvas as gif/jpg/png/pdf?
  3. Maximum size of a element
  4. Get a pixel from HTML Canvas?
  5. Can I turn off antialiasing on an HTML element?
  6. Zoom Canvas to Mouse Cursor
  7. Resize image with javascript canvas (smoothly)
  8. How to draw an inline svg (in DOM) to a canvas?
  9. Convert SVG to PNG with applied images as background to svg elements
  10. Any way to clone HTML5 canvas element with its content?
  11. Best way to detect that HTML5 is not supported
  12. Capture frames from video with HTML5 and JavaScript
  13. Text wrap in a element
  14. JavaScript: getting ImageData without canvas
  15. How to determine the intended frame-rate on an html video element
  16. getting mouse position with javascript within canvas
  17. How to save canvas animation as gif or webm?
  18. clearRect not working
  19. canvas getContext(“2d”) returns null
  20. create screenshot of webpage using html2canvas (unable to initialize properly)
  21. draw 10,000 objects on canvas javascript
  22. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  23. Body animation isn’t smooth
  24. Scaling an image to fit on canvas
  25. Creating a Clickable Grid in a Web Browser
  26. Save many canvas element as image
  27. how to animate drawing lines on canvas
  28. How to style canvas elements with CSS
  29. True Isometric Projection with HTML5 Canvas
  30. canvas- Cropping images in different shapes

Leave a Comment