JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
<script src="https://rawgit.com/niklasvh/html2canvas/master/dist/html2canvas.js"></script>
<body>
    <div id="content1">
        <p><i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro</p>
    </div>
    <br><br><br>
        <button id="generateImage">Click to generate Image</button>
    <p>Image from html2canvas:</p>
     
</body>

JavaScript

$(function() {
    $('#generateImage').click(function() {
        html2canvas($('#content1'), {
            onrendered: function(canvas) {
                    $('body').append(canvas);
            }
        });
    });
});