Javascript 为什么createRadialGradient不能在Firefox上工作?

Javascript 为什么createRadialGradient不能在Firefox上工作?,javascript,firefox,html5-canvas,radial-gradients,Javascript,Firefox,Html5 Canvas,Radial Gradients,我正在使用HTML5和JavaScript的canvas标记来访问canvas方法和属性 此代码适用于Chrome,但不适用于Firefox: 有人知道为什么吗?createRadialGradient可以在Firefox上工作,但addColorStop不能完全工作-如果您将透明度与颜色一起传递,将引发异常 例如,创建径向渐变后: var grad = ctx.createRadialGradient(centerX,centerY,outRadius,centerX,centerY,outR

我正在使用HTML5和JavaScript的canvas标记来访问canvas方法和属性

此代码适用于Chrome,但不适用于Firefox:


有人知道为什么吗?

createRadialGradient可以在Firefox上工作,但addColorStop不能完全工作-如果您将透明度与颜色一起传递,将引发异常

例如,创建径向渐变后:

var grad = ctx.createRadialGradient(centerX,centerY,outRadius,centerX,centerY,outRadius+pad);
var colorOut="rgba(100,200,100,0.7)";
grad.addColorStop(0,'rgba(0,0,0,0)');
grad.addColorStop(0.01,colorOut);
上述功能在chrome上非常有效,但在FF上不起作用,因为rgba颜色为0.7

因此,我使用了类似于:

colorOut= ($.browser.mozilla)?'#D88':'rgba(200,100,100,0.7);';
这并不能使渐变在FF上看起来很好,但是函数


当然,您应该更早地缓存$.browser.mozilla-使变量为_mozilla=$.browser.mozilla;然后用它来最小化类调用。。。因为在复杂的绘图调用中保存每个计算都很重要。

它在Firefox 7.0上适用于我,在Firefox 6.0上也适用。你能澄清什么不起作用以及如何起作用吗?你的Firefox版本支持这个元素吗?我有Firefox 7.0.1,当我使用素色时,它工作得很好。我必须在firefox上启用一些功能才能看到radialgradient吗?