JSFiddle - React, Tailwind, and code Playground

by arzyu

HTML

<script src="https://github.com/niklasvh/html2canvas/releases/download/0.5.0-alpha1/html2canvas.js"></script>
<script src="https://github.com/niklasvh/html2canvas/releases/download/0.5.0-alpha1/html2canvas.svg.js"></script>
<div id="test">
    <svg xmlns="http://www.w3.org/2000/svg" width="200" height="150">
        <rect style="fill: blue;" width="100" height="100" />
        <rect class="green" x="100" width="100" height="100" />
    </svg>
</div>

CSS

.green {
    fill: green;
}

JavaScript

html2canvas($('#test')[0])
    .then(function(canvas){
        $('body').append(canvas);
    });