Javascript RaphaelJS中物体的梯度透明度

我试图得到一个部分透明的矩形，如果你朝那个方向走，左边部分是不透明的，右边部分更透明

这适用于Firefox、Chrome，但不适用于InternetExplorer7或IE8。在IE中，所有矩形都以相同的透明渐变显示

function drawTest(y, pct) {
    var recttest = paper.rect(25,y,100,30);
    var gradstr = "0.0-#db38cc:5-#db38cc:"+pct;
    recttest.attr({"fill": gradstr,"opacity": "0.01"});
}
$(document).ready(function() {
        paper = Raphael(10,100, 400, 400);
        drawTest(0, 30);
        drawTest(50, 40);
        drawTest(100, 50);
        drawTest(150, 60);
        drawTest(200, 70);
        drawTest(250, 80);
});

请参阅上面运行的代码

---

那么我如何为IE解决这个问题呢？请注意，我想将矩形放在图像的顶部，因此它必须是透明的（非白色）。

这无法修复。这是VML和Raphaël的一个限制

---

不过，您可以减小矩形的宽度以获得所需的效果。要获得半透明的rect，您应该应用.attr（{fill:“0-#000-#000”，不透明度：0}）；然后播放矩形的宽度。

这是无法修复的。这是VML和Raphaël的一个限制

不过，您可以减小矩形的宽度以获得所需的效果。要获得半透明的rect，您应该应用.attr（{fill:“0-#000-#000”，不透明度：0}）；然后播放矩形的宽度。

啊，谢谢（…我不想听的答案）。实际上我通过创建矩形简化了这个问题，我实际上需要将它应用到一个不太对称的形式上（尽管我喜欢你解决这个问题的想法）。啊，谢谢你（…我不想听的答案）。实际上，我通过创建矩形简化了这个问题，实际上我需要将它应用到一个不太对称的形式上（尽管我喜欢你解决这个问题的想法）。