JSFiddle - React, Tailwind, and code Playground

by Lee Sibbald

HTML

<canvas id="canvas" width="760" height="406"></canvas>

CSS

canvas{
    border:1px solid black;
}

JavaScript

var js={"objects":[{"type":"triangle","originX":"left","originY":"top","left":492.35,"top":315.82,"width":50,"height":50,"fill":"#9f6103","stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":2.83,"scaleY":2.83,"angle":268.92,"flipX":false,"flipY":false,"opacity":0.8,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over"},{"type":"path","originX":"center","originY":"center","left":308.25,"top":246,"width":363.5,"height":62,"fill":null,"stroke":"rgb(0, 0,...