setShadow examples

Used in documentation (jsdoc tag)

HTML

<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="600" height="600"></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');

var rect = new fabric.Rect({
    left: 300,
    top: 150,
    width: 150,
    height: 150,
    fill: '#29477F'
});

var circle = new fabric.Circle({
    radius: 100,
    left: 300,
    top: 400,
    fill: 'rgb(166,111,213)'
});
    canvas.backgroundColor = "#0000FF";
    canvas.shadow = new fabric.Shadow('rgba(0,0,0,0.5) 10px 10px 5px');
canvas.add(rect, circle);

// setShadow with string notation
rect.setShadow("10px 10px 5px rgba(94, 128, 191, 0.5)");

// setShadow with object notation
circle.setShadow({
    color: '#5b238A',
    blur: 20,
    offsetX: -20,
    offsetY: -10
});

canvas.renderAll();