dom-to-image/spec/resources/page.html

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

<style>
    * {
        box-sizing: border-box;
    }
</style>

<style id="style"></style>

<div>
    <h1>DOM node</h1>
    <div id="dom-node"></div>
</div>

<div>
    <h1>rendered image</h1>
    <canvas id="canvas"></canvas>
</div>

<div>
    <h1>control image</h1>
    <img id="control-image">
</div>