Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript KineticJS不在FF和IE中工作_Javascript_Html_Html5 Canvas_Kineticjs - Fatal编程技术网

Javascript KineticJS不在FF和IE中工作

Javascript KineticJS不在FF和IE中工作,javascript,html,html5-canvas,kineticjs,Javascript,Html,Html5 Canvas,Kineticjs,我的程序在Chrome上运行得很好,但在FF和IE上,我的画布消失了。 我在Firefox中遇到的错误是: SyntaxError: An invalid or illegal string was specified: ...][c].apply(this[b],args)}})(c)}}(),function(){Kinetic.Filters.Grayscale=function... On kineticJS.js (line 28) (KineticJS JavaScript Fram

我的程序在Chrome上运行得很好,但在FF和IE上,我的画布消失了。 我在Firefox中遇到的错误是:

SyntaxError: An invalid or illegal string was specified:
...][c].apply(this[b],args)}})(c)}}(),function(){Kinetic.Filters.Grayscale=function...
On kineticJS.js (line 28) (KineticJS JavaScript Framework v4.4.0)
我在IE中遇到的错误是:

SCRIPT5022: SyntaxError 
h.addColorStop(g[i],g[i+1])
on kineticJS.js, line 28 character 7356
有人知道发生了什么事吗

编辑3:

当我使用
填充时:“白色”
而不是

background = new Kinetic.Rect({
          x: 0,
          y: 0,
          fillRadialGradientStartPoint: 0,
            fillRadialGradientStartRadius: 0,
            fillRadialGradientEndPoint: 0,
            fillRadialGradientEndRadius: 800,
            fillRadialGradientColorStops: [0, '#262834', 1, '0f1114'],
          width: browserwidth,
          height: browserheight,
          name: 'background'
    });
这是放置在'背景'矩形的比例和浏览器的高度,我并没有在IE 10,9和FF的错误

但为什么它只发生在fillRadialGradient中,而只发生在IE和FF中?它与我前面提到的错误有关:

 h.addColorStop(g[i],g[i+1])
on kineticJS.js, line 28 character 7356
更奇怪的是,我有另一个带有radialgradientfill的对象,它在FF和IE中工作得很好

var lichtrondje = new Kinetic.Circle({
                  x: 0,
                  y: 0,
                  radius: 90,
                  fillRadialGradientStartPoint: 0,
                  fillRadialGradientStartRadius: 0,
                  fillRadialGradientEndPoint: 0,
                  fillRadialGradientEndRadius: 90,
                  fillRadialGradientColorStops: [0, '#DDD', 1, 'rgba(0,0,0, 0.0)'],
                  opacity: 1,
                  id: 'lichtrondje' + x,
                  name: 'lichtrondje'
            });
我发现Chrome版本与FF和IE版本的结果看起来有所不同。正确的是它的意图


我相信您在fillRadialGradientColorStops数组中缺少了一个#

0f1114 --> #0f1114

需要查看您的错误代码才能提供帮助。使用新发现编辑请指定您正在测试的浏览器版本(尤其是IE)。这会在IE 10和IE 9中导致相同的错误谢谢!Chrome对它的要求不那么严格(使它更容易混淆)