SOF fabric crossorigin
SOF fabric crossorigin
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: 0,
top: 0,
angle: 0
}));
console.log('CORS enabled + crossOrigin property - DataURL: ', canvas1.toDataURL());
}, null,{
crossOrigin: 'Anonymous'
});