JSFiddle - React, Tailwind, and code Playground

by Colmea

HTML

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

JavaScript

var canvas = new fabric.Canvas("canvas");

var box = new fabric.Rect({
    fill: "grey",
    top: 100,
    left: 100,
    width: 100,
    height: 50,
    stroke: "black",
});

// disable some controls and only allow scale on X axe
// /!\ 1.4.0 version has a bug with 'mr' control (fixed with v1.4.1)
box.setControlsVisibility({
    bl: false,
    br: false,
    tl: false,
    tr: false,
    mt: false,
    mb: false,
});

canvas.add(box);