Node Background Image: Data URI images won't load on Safari cytoscape…

…#1582 crossOrigin not set if data uri specified
hqxluoyang · Oct 29, 2016 · 55b670e · 55b670e
1 parent 5a3550d
commit 55b670e
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/extensions/renderer/base/images.js b/src/extensions/renderer/base/images.js
@@ -18,7 +18,15 @@ BRp.getCachedImage = function( url, onLoad ){
 
     var image = cache.image = new Image(); // eslint-disable-line no-undef
     image.addEventListener('load', onLoad);
-    image.crossOrigin = 'Anonymous'; // prevent tainted canvas
+
+    // #1582 safari doesn't load data uris with crossOrigin properly
+    // https://bugs.webkit.org/show_bug.cgi?id=123978
+    var dataUriPrefix = 'data:';
+    var isDataUri = url.substring( 0, dataUriPrefix.length ).toLowerCase() === dataUriPrefix;
+    if( !isDataUri ){
+      image.crossOrigin = 'Anonymous'; // prevent tainted canvas
+    }
+
     image.src = url;
 
     return image;