JSFiddle - React, Tailwind, and code Playground

by InferOn

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, canvas2;

$(function() {
    var svg, jsonCanvas;
    
    svg = new String('<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"> <g> <radialGradient id="SVGID_1_" cx="125" cy="125" r="121.8961" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#A2E430"/> <stop offset="0.1973" style="stop-color:#9FE333"/> <stop offset="0.3547" style="stop-color:#95E03C"/> <stop offset="0.4984" style="stop-color:#84DC4B"/> <stop offset="0.6339" style="stop-color:#6CD561"/> <stop offset="0.7637" style="stop-color:#4ECD7D"/> <stop offset="0.8875" style="stop-color:#29C39F"/> <stop offset="1" style="stop-color:#00B8C4"/> </radialGradient> <path fill="url(#SVGID_1_)" d="M244.7,145.6c-2.2-8.8-7.2-15.6-13.6-18.6c-1.9-1-3.9-1.6-5.9-2c2-0.4,4-1,5.9-2 c6.4-3,11.4-9.8,13.6-18.6c2.7-10.3,1.1-22.5-4.2-33.5c-5.2-11-13.7-19.7-23.5-24.1c-8.2-3.7-16.6-4.1-23-0.9 c-2,0.9-3.7,2.1-5.3,3.4c1-1.8,1.7-3.8,2.2-5.9c1.6-7-0.6-15.1-6.1-22.3c-6.5-8.6-17-15-28.8-17.5c-11.7-2.8-23.9-1.6-33.4,3.3 c-7.9,4-13.6,10.5-15.1,17.4c-0.5,2.1-0.7,4.2-0.6,6.3c-0.8-1.9-1.9-3.7-3.3-5.4c-4.5-5.6-12.2-8.9-21.2-9.1 c-10.8-0.2-22.3,4-31.6,11.6c-9.5,7.5-16.2,17.7-18.2,28.2c-1.8,8.9-0.3,17.2,4.2,22.7c1.3,1.7,2.8,3.2,4.5,4.4 c-2-0.5-4-0.8-6.2-0.8c-7.1,0-14.5,4-20.4,10.9C7.9,101.1,3.9,113,4,125c-0.1,12,3.9,23.9,10.7,31.9c5.8,7,13.3,11,20.4,10.9 c2.2,0,4.2-0.2,6.2-0.8c-1.7,1.2-3.2,2.6-4.5,4.4c-4.4,5.5-6,13.8-4.2,22.7c2.1,10.4,8.7,20.7,18.2,28.2 c9.3,7.6,20.8,11.8,31.6,11.6c9-0.2,16.8-3.5,21.3-9.1c1.4-1.7,2.5-3.5,3.3-5.4c-0.1,2.1,0.1,4.1,0.6,6.3 c1.6,6.9,7.3,13.4,15.1,17.4c9.5,4.9,21.7,6.1,33.4,3.3c11.8-2.5,22.3-8.9,28.8-17.5c5.5-7.2,7.7-15.3,6.1-22.3 c-0.5-2.1-1.2-4.1-2.2-5.9c1.5,1.4,3.3,2.5,5.3,3.4c6.4,3.1,14.8,2.8,23-1c9.7-4.3,18.3-13.1,23.5-24.1 C245.9,168.1,247.4,155.9,244.7,145.6z...