JSFiddle - React, Tailwind, and code Playground

by guillermo_matterport

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.2.4/fabric.js"></script>
<canvas id="c" width="300" height="300"></canvas>

CSS

canvas {
  border: 1px;
  border-style: solid;
  border-color: #000;
}

JavaScript

var canvas  = new fabric.Canvas('c');
canvas.setViewportTransform([1, 0, 0, 1, 30, 0])
var rect = new fabric.Textbox("Hello World", {
        left: 100,
        top: 100,
        fill:  "#FF0000",
        width: 100,
        height: 100,
        opacity: .8      
    });
canvas.add(rect);