JSFiddle - React, Tailwind, and code Playground

by Vijay Gujar

HTML

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

CSS

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

JavaScript

var canvas = new fabric.Canvas('c');

var tri = new fabric.Triangle({
  left: 0,
  top: 0,
  fill: 'red',
  width: 100,
  height: 100,   
  originX: 'center',
  originY: 'center',
  offsetX: 50,
  offsetY: 50,
});

canvas.add(tri);


tri.animate('angle', 45, {
  onChange: canvas.renderAll.bind(canvas)
});