dom-to-image/spec/resources/pixeldata/dom-node.html

Generates an image from a DOM node using HTML5 canvas and SVG

<div id="dom-node">
    <div class="pixel top left"></div>
    <div class="pixel top center"></div>
    <div class="pixel top right"></div>
    <div class="pixel middle left"></div>
    <div class="pixel middle center"></div>
    <div class="pixel middle right"></div>
    <div class="pixel bottom left"></div>
    <div class="pixel bottom center"></div>
    <div class="pixel bottom right"></div>
</div>