JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.4.0/fabric.min.js"></script>
<canvas id="canvas" width="400" height="400" class="canvas"></canvas>

JavaScript

var canvas;

$(function() {
    var svg, jsonCanvas;
    
    svg = new String('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><g><g><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="22.3" y1="230.4" x2="14.9" y2="242.2" gradientTransform="matrix(10.8696 0 0 -10.8696 0 2717.3914)"><stop offset="0" style="stop-color:#FF879F"/><stop offset="0.5875" style="stop-color:#FF357C"/><stop offset="1" style="stop-color:#FF0066"/></linearGradient><path fill="url(#SVGID_1_)" d="M125 0.1c-16.3 2.2-23.9 15.2-18.5 29.3C112 44.7 117.4 61 125 61c7.6 0 13-16.3 18.5-31.5 S140.2 2.3 125 0.1z"/></g><g><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="18.6" y1="228.1" x2="11.1" y2="239.9" gradientTransform="matrix(10.8696 0 0 -10.8696 0 2717.3914)"><stop offset="0" style="stop-color:#FF879F"/><stop offset="0.5875" style="stop-color:#FF357C"/><stop offset="1" style="stop-color:#FF0066"/></linearGradient><path fill="url(#SVGID_2_)" d="M63 16.4c-13 9.8-13 25-1.1 34.8c12 10.9 25 21.7 31.5 17.4c6.5-4.3 3.3-20.7 0-37 C91.3 17.5 77.2 9.9 63 16.4z"/></g><g><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="14.6" y1="225.6" x2="7.2" y2="237.4" gradientTransform="matrix(10.8696 0 0 -10.8696 0 2717.3914)"><stop offset="0" style="stop-color:#FF879F"/><stop offset="0.5875" style="stop-color:#FF357C"/><stop offset="1" style="stop-color:#FF0066"/></linearGradient><path fill="url(#SVGID_3_)" d="M17.4 62C12 77.3 18.5 90.3 33.7 92.5c16.3 3.3 32.6 6.5 37 0C75 86 63 72.9 52.2 61 C42.4 49 27.2 49 17.4 62z"/></g><g><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="12" y1="223.9" x2="4.6" y2="235.7" gradientTransform="matrix(10.8696 0 0 -10.8696 0 2717.3914)"><stop offset="0" style="stop-color:#FF879F"/><stop offset="0.5875" style="stop-color:#FF357C"/><stop offset="1"...