<style> #upSideDiv{ width:300px; height:100px; overflow:scroll; } #foo{ width:auto; height:auto } #dummy{ margin-top:50px; border-top:1px solid; }
</style>
<div id="upSideDiv"> <div id="foo"> <div>A paragraph is a self-contained unit of a discourse in writing dealing with a particular point or idea. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose</div> <div>A paragraph is a self-contained unit of a discourse in writing dealing with a particular point or idea. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose</div> <div>A paragraph is a self-contained unit of a discourse in writing dealing with a particular point or idea. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose</div> </div>
</div>
<div id="dummy"></div>
<script> const render = node => domtoimage.toPng(node) .then(dataUrl => { console.log(performance.now() - pf) const img = new Image(); img.src = dataUrl; $('#dummy').append(img); }) .catch(error => console.error('oops, something went wrong!', error) ); const foo = document.getElementById('foo'); var pf = performance.now(); render(foo);
</script>