JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv" style="width:500px;"><img  style="margin-right:10px; float:left; border: 1px dashed gray" src="http://www.goldoffice.cz/images/novinky/thumbs/mmpracoviase.jpg"  border="0" height="75" width="100" /><h2 style="color: #000000; font: bold 14px Arial; padding:0px; margin:0 0 5px;">Interaktivní projektor s tabulí</h2><h3 style="color: #000000; font: 11px Arial; "><p>Cenově nen&aacute;ročn&yacute; set zaručuj&iacute;c&iacute; vysokou kvalitu prezentace. Vivitek D755WTi nov&yacute; kompaktn&iacute; ultrakr&aacute;tk&yacute; projektor, umožňuj&iacute;c&iacute; perfektn&iacute; prezentaci bez oslněn&iacute; prezentuj&iacute;c&iacute;ho nebo st&iacute;nu na projekčn&iacute; plo&scaron;e.&nbsp;</p></h3></div> 
<br>
<br>
    
<div id="canvas">
    <p>Canvas:</p>
    </div>
    
    <div id="image">
        <p>Image:</p>
    </div>
<script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>

JavaScript

html2canvas([document.getElementById('mydiv')], {
    onrendered: function (canvas) {
        document.getElementById('canvas').appendChild(canvas);
        var data = canvas.toDataURL('image/png');
        // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server

        var image = new Image();
        image.src = data;
        document.getElementById('image').appendChild(image);
    }
});