JSFiddle - React, Tailwind, and code Playground

by Vijay Gujar

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fabric.js"></script>
<canvas id="c" width="600" height="400"></canvas>

JavaScript

var canvas = new fabric.Canvas('c');
canvas.renderOnAddition = true;
            
var textObject = new fabric.Textbox("Sample Text", {
    left: 250,
    top: 100,
    width: 150,
    height: 100,     
    fontSize:50,    
    fill: '#000000',
    charSpacing: -400,
    fontFamily: 'Arial'
 }); 
                
canvas.add(textObject);