【发布时间】：2016-02-07 10:53:24
【问题描述】：
我正在尝试在画布上绘制一个带有径向渐变的圆并对其应用 alpha。它在 chrome 上运行良好，但它似乎不适用于 firefox。这是一个小提琴：http://jsfiddle.net/1m4wbdgc/
代码如下：
context.globalAlpha = 0.2;
var gradient = context.createRadialGradient(x, y, radius / 2, x, y,
radius);
gradient.addColorStop(0, '#525455');
gradient.addColorStop(1, '#202d33');
context.beginPath();
context.arc(x, y, radius, 0, 2 * Math.PI);
context.closePath();
context.fillStyle = gradient;
context.fill();
为什么 alpha 在 Firefox 上不起作用？
如您所见，alpha 无法正常工作。 我的火狐版本是：41.0.2
【问题讨论】：
-
您能否更具体地说明什么不起作用？我在 chrome 和 firefox 的圆圈上看到相同的渐变。旁注，起初我以为它只是一个黑盒子，也许为了举例，您可以将颜色更改为更明显的颜色。仅供参考，在 firefox v.42.0 上测试并显示与 chrome v.46.0.2490.80 相同的结果
-
"为什么 alpha 不能在 Firefox 上运行？" - alpha 通道在 firefox 上不起作用。
-
对不起，如果它有任何帮助，我无法复制这个问题，alpha 在 firefox v.42.0 上运行良好。使用不同的 alpha 值进行测试，它按预期工作。
-
我添加了截图和我的 Firefox 版本。我要更新我的浏览器，但我仍然很好奇是什么原因造成的。
标签： javascript firefox canvas