commit 89639a575497591372d5392c3e564e120f23be72
author pissang <bm2736892@gmail.com> Wed Feb 17 15:59:50 2021 +0800
committer pissang <bm2736892@gmail.com> Wed Feb 17 15:59:50 2021 +0800
tree c5381d5cd49535dc129a17cb65de2bb87314abbb
parent 9a3c64b53f6f87e856bd24c5fba72dfa30a4c779

fix image cors

public/data-gl/animating-contour-on-globe.js

diff --git a/public/data-gl/animating-contour-on-globe.js b/public/data-gl/animating-contour-on-globe.js
index 407718f..c6cbfed 100644
--- a/public/data-gl/animating-contour-on-globe.js
+++ b/public/data-gl/animating-contour-on-globe.js
@@ -41,13 +41,13 @@
 
         for (var j = 0, k = 0; j < m; ++j) {
             for (var i = 0; i < n; ++i, ++k) {
-            values[k] = image.data[(k << 2)] / 255;
+                values[k] = image.data[(k << 2)] / 255;
             }
         }
 
         var opt = {
             image: canvas
-        }
+        };
 
         var results = [];
         function update(threshold, levels) {
@@ -88,13 +88,14 @@
         return new Promise(function(resolve) {
             var image = new Image();
             image.src = url;
+            image.crossOrigin = 'Anonymous';
             image.onload = function() {
-            var canvas = document.createElement("canvas");
-            canvas.width = image.width / 8;
-            canvas.height = image.height / 8;
-            var context = canvas.getContext("2d");
-            context.drawImage(image, 0, 0, canvas.width, canvas.height);
-            resolve(context.getImageData(0, 0, canvas.width, canvas.height));
+                var canvas = document.createElement('canvas');
+                canvas.width = image.width / 8;
+                canvas.height = image.height / 8;
+                var context = canvas.getContext('2d');
+                context.drawImage(image, 0, 0, canvas.width, canvas.height);
+                resolve(context.getImageData(0, 0, canvas.width, canvas.height));
             };
         });
     }

public/data-gl/globe-contour-paint.js

diff --git a/public/data-gl/globe-contour-paint.js b/public/data-gl/globe-contour-paint.js
index 30a9815..22d2d63 100644
--- a/public/data-gl/globe-contour-paint.js
+++ b/public/data-gl/globe-contour-paint.js
@@ -85,13 +85,14 @@
     return new Promise(function(resolve) {
         var image = new Image();
         image.src = url;
+        image.crossOrigin = 'Anonymous';
         image.onload = function() {
-        var canvas = document.createElement("canvas");
-        canvas.width = image.width / 4;
-        canvas.height = image.height / 4;
-        var context = canvas.getContext("2d");
-        context.drawImage(image, 0, 0, canvas.width, canvas.height);
-        resolve(context.getImageData(0, 0, canvas.width, canvas.height));
+            var canvas = document.createElement("canvas");
+            canvas.width = image.width / 4;
+            canvas.height = image.height / 4;
+            var context = canvas.getContext("2d");
+            context.drawImage(image, 0, 0, canvas.width, canvas.height);
+            resolve(context.getImageData(0, 0, canvas.width, canvas.height));
         };
     });
 }