Javascript library to take screenshot of web page

Question

This similar question was asked a long time a ago (4 years ago). I was wondering if there are any new advancements in the library ecosystem.

My use case is quite simple, I have a styled DIV and some elements within - I'd like to create a screenshot of that DIV.

Takes this:                                            Into this:
----------------------------                           ------------------------
<div class="potrait">
    <img src="sergio.jpg" />   --> Turns it into -->   sergio.png
    <h1>Sergio tapia</h1>
</div>

Is there anything out there that can help me achieve this?

Answer 1

You have two possibilities:

1. rerender the div with a lib like html2canvas
2. Render it on a server

Taking a real screenshot from js is not possible.