toJSON examples

Used in documentation (jsdoc tag)

HTML

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

CSS

canvas {
    border: 1px solid #999;
}

JavaScript

// Do some initializing stuff
fabric.Object.prototype.set({
    transparentCorners: false,
    cornerColor: 'rgba(102,153,255,0.5)',
    cornerSize: 12,
    padding: 5
});

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

canvas.add(new fabric.Circle({
    radius: 50,
    left: 150,
    top: 150,
    fill: '#0B61A4'
}));

// JSON without additional properties
fabric.log('JSON without additional properties: ', canvas.toJSON());
console.log(canvas.toJSON())

// JSON with additional properties included
fabric.log('JSON with additional properties included: ', canvas.toJSON(['lockMovementX', 'lockMovementY', 'lockRotation', 'lockScalingX', 'lockScalingY', 'lockUniScaling']));

// JSON without default values
canvas.includeDefaultValues = false;
fabric.log('JSON without default values: ', canvas.toJSON());