La idea es convertir el div y su contenido en una imagen jpg o png y el tamaño de la misma sea el width y el height que ya están definidos.
¿Cómo puedo crear esto usando javascript? alguna librería de javascript que pueda usar.
body{
height: 100vh;
margin: 0;
background-color: #f1f1f1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.content-img{
width: 400px;
height: 200px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
}
.content-img > p{
padding: 15px;
}
<div class="content-img">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In orci libero, molestie vitae mi quis, congue mollis justo. Vivamus accumsan, ex nec efficitur efficitur, diam enim varius dui, hendrerit lobortis nisi risus nec elit.</p>
</div>