@didiercrunch - fixed ie 9 10 gradient bug

dev/raphael.svg.js

@@ -142,7 +142,7 @@
             }
         }
         $(o, {
-            fill: "url('" + document.location.origin + document.location.pathname + "#" + id + "')",
+            fill: fillurl(id),
             opacity: 1,
             "fill-opacity": 1
         });
@@ -151,6 +151,17 @@
         s.fillOpacity = 1;
         return 1;
     },
+    isIE9or10 = function () {
+      var mode = document.documentMode;
+      return mode && (mode === 9 || mode === 10);
+    },
+    fillurl = function (id) {
+      if (isIE9or10()) {
+          return "url('#" + id + "')";
+      }
+      var location = document.location;
+      return "url('" + location.origin + location.pathname + "#" + id + "')";
+    },
     updatePosition = function (o) {
         var bbox = o.getBBox(1);
         $(o.pattern, {patternTransform: o.matrix.invert() + " translate(" + bbox.x + "," + bbox.y + ")"});

history.md

 2.2.0 • WIP
 ------------------
 
+  * IE 9/10 gradient id fix
   * Reduce transform string to avoid long parsing times after several transformations
   * raphael.amd.js as main in package.json.
   * raphael.amd.js version to work with Browserify.

raphael-nodeps.js

@@ -5557,7 +5557,7 @@
             }
         }
         $(o, {
-            fill: "url('" + document.location.origin + document.location.pathname + "#" + id + "')",
+            fill: fillurl(id),
             opacity: 1,
             "fill-opacity": 1
         });
@@ -5566,6 +5566,17 @@
         s.fillOpacity = 1;
         return 1;
     },
+    isIE9or10 = function () {
+      var mode = document.documentMode;
+      return mode && (mode === 9 || mode === 10);
+    },
+    fillurl = function (id) {
+      if (isIE9or10()) {
+          return "url('#" + id + "')";
+      }
+      var location = document.location;
+      return "url('" + location.origin + location.pathname + "#" + id + "')";
+    },
     updatePosition = function (o) {
         var bbox = o.getBBox(1);
         $(o.pattern, {patternTransform: o.matrix.invert() + " translate(" + bbox.x + "," + bbox.y + ")"});

raphael.js

@@ -5939,7 +5939,7 @@
             }
         }
         $(o, {
-            fill: "url('" + document.location.origin + document.location.pathname + "#" + id + "')",
+            fill: fillurl(id),
             opacity: 1,
             "fill-opacity": 1
         });
@@ -5948,6 +5948,17 @@
         s.fillOpacity = 1;
         return 1;
     },
+    isIE9or10 = function () {
+      var mode = document.documentMode;
+      return mode && (mode === 9 || mode === 10);
+    },
+    fillurl = function (id) {
+      if (isIE9or10()) {
+          return "url('#" + id + "')";
+      }
+      var location = document.location;
+      return "url('" + location.origin + location.pathname + "#" + id + "')";
+    },
     updatePosition = function (o) {
         var bbox = o.getBBox(1);
         $(o.pattern, {patternTransform: o.matrix.invert() + " translate(" + bbox.x + "," + bbox.y + ")"});