fabric.js: Object control properties

by franknstayn

HTML

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="500" height="500"></canvas>

CSS

canvas {
    border: 1px solid #999;
}

JavaScript

/**
 * fabric.js template for bug reports
 *
 * Please update the name of the jsfiddle (see Fiddle Options).
 * This templates uses latest dev verison of fabric.js (https://rawgit.com/kangax/fabric.js/master/dist/fabric.js).
 */

// initialize fabric canvas and assign to global windows object for debug
var canvas = window._canvas = new fabric.Canvas('c');

canvas.selection = false;

// Do some initializing stuff
fabric.Object.prototype.set({
    transparentCorners: false,
    cornerColor: 'rgba(88,42,114,0.5)',
    borderColor: '#48AD67',
    cornerSize: 12,
    cornerStyle: 'circle',
});

// ADD YOUR CODE HERE
var rect = new fabric.Rect({
    width: 100,
    height: 100,
    left: 100,
    top:100,
    fill: '#5B9632'
});

canvas.add(rect);