toJSON examples

Used in documentation (jsdoc tag)

by Lindow

HTML

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

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'
}));

var text1 = new fabric.IText("Hello World!", {left:50, top:50})
canvas.add(text1);

fabric.Image.fromURL('http://fabricjs.com/assets/pug_small.jpg', function(myImg) {
 var img1 = myImg.set({ left: 0, top: 0 ,width:150,height:150});
 canvas.add(img1); 
});

var doc = document.getElementById('doc');
doc.innerHTML = JSON.stringify(canvas.toJSON());