JSFiddle - React, Tailwind, and code Playground

by nagoba

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<img id="jelly" src="https://lh6.googleusercontent.com/-e162uP1NQyY/UOvANWZ167I/AAAAAAAAANM/zc-k8p_C__Q/w497-h373/photo.jpg" style="display:none;" />

<script type="text/javascript">
    var paper = Raphael(0, 0, 250,250);

var grabImage = document.getElementById("jelly");
var src = grabImage.src;

paper.rect(20, 10, 200, 200,200).attr({
    fill: "url("+src+")",
    "stroke-width": 2,
    "clip-rect":"10 10 360 200"
});




</script>