JSFiddle - React, Tailwind, and code Playground

by solex16

HTML

<canvas class="myCanvas" id="myCanvas" width="400" height="600"></canvas>

JavaScript

var fCvs = new fabric.Canvas('myCanvas');

var rect = new fabric.Rect({
  left: 10,
  top: 10,
  fill: 'red',
  width: 200,
  height: 300
});

// "add" rectangle onto canvas
fCvs.add(rect);

// -- set scale --
//fCvs.scaler = 0.25;
//fCvs.w = 800;
//fCvs.h = 1200;
//fCvs.style = 'j1';

/*
var lfCvs.objects.push({
    scaler : 0.25,
    w : 800,
    h : 1200,
    style : 'j1'
});
*/

fCvs.style = "test";

var t = fCvs.toJSON([ 'style' ]);
var s = JSON.stringify(t);


/*
console.log("fCvs is:");
console.log(fCvs);
*/
console.log("s is:");
console.log(s);


console.log(JSON.parse(s).style);