Gradients Bug in 2.1.4

[suconghou]

I find that in version 2.1.4 , fill with gradient in IE9 have some problems , such as

var attr={stroke:null,'fill':'270-#f55:50-#f2f:88'};
paper.rect(100,28,20,60).attr(attr);

it is ok in chrome, and IE7,IE8, but it is not correct in IE9, yes, it is IE9 . not some other broswers simulate , and I test it here http://raphaeljs.com/playground.html , it works well , so i am sure it is caused by version 2.1.4.

by the way , the download link is 2.1.4 , but the introduction is still 2.1.2 .

[marceloxp]

Try this to fix: https://github.com/DmitryBaranovskiy/raphael/issues/990

[tomasAlabes]

Added PR, please test with latest commit

[ipetropolsky]

fill with gradient in IE9 have some problems , such as

var attr={stroke:null,'fill':'270-#f55:50-#f2f:88'};
paper.rect(100,28,20,60).attr(attr);

@suconghou I can not reproduce it:

Added PR, please test with latest commit

@tomasAlabes Can you post the link here?

[tomasAlabes]

what about with v2.2.0?

[morious]

Curious if there is an update on this issue? I see an issue with Raphael 2.2.0 and gradients on edge as well as chrome.

var a = paper.rect(x, y, w, h).attr({
            stroke: "white",
            fill: "red",
            opacity: 1
});
var b = paper.rect(x, y, w, h).attr({
            stroke: "white",
            fill: "0-#fff-#fff",
            opacity: 0
});

In previous version prioir to 2.1 I believe this will result in two squares one on top the other where the top most one is a gradient from transparent to white. This is not working for a while now.