JSFiddle - React, Tailwind, and code Playground

by psycketom

HTML

<img id="jelly" src="http://lorempixel.com/500/400/" style="display:none;" />

JavaScript

var paper = Raphael(10, 10, 500, 400);

paper.rect(0, 0, 500, 400).attr({
    fill : 'red',
    'stroke-opacity' : 0
});

var paperCenter_X = 500 / 2;
var paperCenter_Y = 400 / 2;

var grabImage = document.getElementById("jelly");
var img = paper.image( grabImage, 10, 10, 200, 200);
var src = grabImage.src;

paper.path("M172.25,331.94c0,0-103.65-0.74-118.91-59.6c-14.48-55.87-1.32-80.62,27.44-110.19     c28.76-29.58,102.56-58.96,138.2-60.68c90.04-4.32,115.1,74.94,100.14,127.51c-14.95,52.57-15.49,68.32-73.43,89.49     C221.14,327.44,172.25,331.94,172.25,331.94z").attr({
    fill : 'url(' + img + ')',
    'stroke-opacity' : 0
});