JSFiddle - React, Tailwind, and code Playground

by mishragaurav31

HTML

<canvas id="c" width="400" height="400"></canvas>

JavaScript

// canvas
var canvas = new fabric.Canvas('c');
canvas.backgroundColor = "green";
              
               // text
var text = new fabric.Text('Text inside canvas', { 
                         left: 200, 
                         top: 50 
                         });
text.hasRotatingPoint = true;
canvas.add(text);
        
            
               // circle
var circle = new fabric.Circle({
                     left: 200,
                     top: 150,
                     radius: 80,
                     fill: "#dd0000"
                     });
                     
circle.hasRotatingPoint = true;
canvas.add(circle);


var overlayImageUrl =...