JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cburgmer.github.com/rasterizeHTML.js/rasterizeHTML.allinone.js"></script>
<canvas id="canvas" width="300" height="200" style="border: 1px solid black;"></canvas>

<div id="thehtml" style="display: none;">
    <style>
        * {
          font-size: 25px;
          margin: 0;
        }
        .test {
          color: green;
          border: 2px dashed blue;
          padding: 10px;
        }
        td {
            border: solid 1px;        
        }
    </style>
    <div class="test">
        <table>
            <tr>
                <td>1</td>
                <td>1</td>
            </tr>
        </table>
    </div>
</div>

JavaScript

var canvas = document.getElementById("canvas"),
    html_container = document.getElementById("thehtml"),
    html = html_container.innerHTML;

rasterizeHTML.drawHTML(html, canvas);