From c49690d32d6a1b80c723189c123a2fcfc5e0d8f6 Mon Sep 17 00:00:00 2001
From: Stefan Kienzle <stefankienzle.de@gmail.com>
Date: Thu, 16 Oct 2014 10:49:12 +0200
Subject: [PATCH] Use crossOrigin property in fabric.util.loadImage for
 background and overlay images Closes #1752

---
 src/static_canvas.class.js | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/static_canvas.class.js b/src/static_canvas.class.js
index 247f7115..e251d4fc 100644
--- a/src/static_canvas.class.js
+++ b/src/static_canvas.class.js
@@ -228,6 +228,16 @@
      *   originX: 'left',
      *   originY: 'top'
      * });
+     * @example <caption>overlayImage loaded from cross-origin</caption>
+     * canvas.setOverlayImage('http://fabricjs.com/assets/jail_cell_bars.png', canvas.renderAll.bind(canvas), {
+     *   opacity: 0.5,
+     *   angle: 45,
+     *   left: 400,
+     *   top: 400,
+     *   originX: 'left',
+     *   originY: 'top',
+     *   crossOrigin: 'anonymous'
+     * });
      */
     setOverlayImage: function (image, callback, options) {
       return this.__setBgOverlayImage('overlayImage', image, callback, options);
@@ -269,6 +279,16 @@
      *   originX: 'left',
      *   originY: 'top'
      * });
+     * @example <caption>backgroundImage loaded from cross-origin</caption>
+     * canvas.setBackgroundImage('http://fabricjs.com/assets/honey_im_subtle.png', canvas.renderAll.bind(canvas), {
+     *   opacity: 0.5,
+     *   angle: 45,
+     *   left: 400,
+     *   top: 400,
+     *   originX: 'left',
+     *   originY: 'top',
+     *   crossOrigin: 'anonymous'
+     * });
      */
     setBackgroundImage: function (image, callback, options) {
       return this.__setBgOverlayImage('backgroundImage', image, callback, options);
@@ -351,7 +371,7 @@
         fabric.util.loadImage(image, function(img) {
           this[property] = new fabric.Image(img, options);
           callback && callback();
-        }, this);
+        }, this, options && options.crossOrigin);
       }
       else {
         this[property] = image;