Hello everyone 👋
A few months back, I was working on a web-based project where a feature was required that is to take a screenshot of an HTML div ...
For further actions, you may consider blocking this person and/or reporting abuse
Is there any other robust alternative to html2canvas?
html2canvas: The popular one. It works by reading your webpage's HTML and styles and redrawing it onto a element, making it easy to capture as an image. Note: Despite its high download count, the author considers it an experimental tool and advises against using it in production.
html-to-image: A newer, often faster alternative. It uses modern browser features and offers a promise-based API. Support different formats like PNG, JPEG, SVG.
dom-to-image: An old library converting parts of your webpage (DOM nodes) into images.
screenshot-desktop: it's for capturing screenshots of your actual computer screen (desktop, windows, monitors) and is meant to run in Node.js environments, not directly in the browser.
There’s also github.com/bubkoo/html-to-image
html-to-image worked better for me. The screenshots from html2canvas had styling issues where it didn't match what the page was showing. html-to-image was pretty much 1-for-1, the one thing I had to do was put a background color on the element I was imaging, or else it defaults to transparent regardless of what's behind the element.
SnapDOM is new and well maintained
I don't understand. How is this commonly used?
I would think of using it in e2e tests.
That could be a good use case @ausginer .
I used it to show a smaller preview of a larger div section.
Awesome!!!
Thanks!
can we take the full webpage screenshot using html2Canvas?