JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cburgmer.github.com/rasterizeHTML.js/rasterizeHTML.allinone.js"></script>

<scene>
    <style>
        scene {
            position: absolute;
            width: 800px;
            height: 150px;
        }
            scene world {
            position: absolute;
            left: 80px;
            top: 30px;
            transform-style: preserve-3d;
            transform: rotateX(45deg) rotateZ(45deg);
        }
            scene world tile {
            position: absolute;
            background: red;
            transform-origin: 100% 100%;
            transform: rotateX(-80deg);
            height: 80px;
            width: 80px;
        }
            canvas[painter] {
            position: absolute;
            top: 150px;
        }
    </style>
    <world>
        <tile></tile>
    </world>
</scene>
<canvas painter></canvas>
</html>

JavaScript

var html = $('scene').get(0).outerHTML;
var canvas = $('canvas[painter]').get(0);
rasterizeHTML.drawHTML(html, canvas);