SOF fabric crossorigin

SOF fabric crossorigin

by Ankur Jhawar

HTML

<canvas id="c1" width="400" height="400"></canvas>

JavaScript

// Reference : http://jsfiddle.net/Kienz/qZxa4/

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

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

// ADD YOUR CODE HERE

// Image with CORS enabled - IMPORTANT: set crossOrigin property
fabric.Image.fromURL('http://img.fkcdn.com/image/dining-chair/b/g/y/fidcbennywncsach-1-cedar-pine-devdar-home-cherry-white-original-imae9fsfbkxrgebt.jpeg', function (img) {
    canvas1.add(img.set({
        left: 50,
        top: 50,
        angle: 30
    }));
    console.log('CORS enabled + crossOrigin property - DataURL: ', canvas1.toDataURL());
}, {
    crossOrigin: 'Anonymous'
});