JSFiddle - React, Tailwind, and code Playground

by alepkowski

HTML

<div id="canvas_container"></div>

CSS

#canvas_container {  
                width: 500px;  
                border: 1px solid #aaa;  
            }

JavaScript

var canvasElement = document.getElementById('canvas_container');
 paper = new Raphael(
            canvasElement, 
            500, 
            500
        );  
        

paper.circle(50, 40, 10);

  var rect = paper.rect(
                100, 
                100, 
                50, 
                80
            );
            paper.text(50, 50, "Raphaël\nkicks\nbutt!");
            //r.text(x + width/2, y + height + yOffset, caption);
            var text = paper
                .text(
                    100+ 50/2, 
                    100+ 80/2, 
                    'sallk'
                );//attr({'text-anchor': 'start'});