gpt4 book ai didi

javascript - RaphaelJS 中对象的渐变透明度

转载 作者:行者123 更新时间:2023-11-30 07:18:41 43 4
gpt4 key购买 nike

我正在尝试获得一个部分透明的矩形,其中左侧部分不透明,而右侧部分更透明,如果你朝那个方向移动。

这适用于 Firefox、Chrome,但不适用于 Internet Explorer 7 或 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);
});

参见 here for an example以上代码运行。

那么我该如何为 IE 解决这个问题呢?请注意,我想将矩形放在图像的顶部,因此它必须是透明的(不是白色)。

最佳答案

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

但是您可以减小矩形的宽度以获得所需的效果。要获得半透明矩形,您应该应用 .attr({fill: "0-#000-#000", opacity: 0});然后调整矩形的宽度。

关于javascript - RaphaelJS 中对象的渐变透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3099247/

43 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com