JSFiddle - React, Tailwind, and code Playground

by zeen

HTML

<div id="container"></div>

JavaScript

window.onload = function () {
    var paper = Raphael("container", 200, 200);
    var circle = paper.circle(100, 100, 50).attr({
        fill: "url(//invenire.ru/ru/img/animelog/rosario+vampire.jpg)",
        stroke: "#ff63f5"
    });
    circle.mouseover(function() {
        circle.attr('stroke-width', 10)
    });
    circle.mouseout(function () {
        circle.attr('stroke-width', 0)
    });
};