javascript - KineticJS 在 FF 和 IE 中不工作

Question

我的程序在 Chrome 中运行完美，但在 FF 和 IE 中我的 Canvas 消失了。我在 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:

当我使用 fill: 'white' 而不是

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 版本的结果看起来不同。正确的是它的意图。

Answer 1

我相信您在 fillRadialGradientColorStops 数组中遗漏了一个 #

0f1114 --> #0f1114