KineticJS阶段高度与层高度

Question

我的应用程序存在一些问题，我使用KineticJS库来制作动画。

这是我遇到的问题。

我还没弄清楚为什么颜色在它超出这个＆＃34;盒子时会搞砸了，我使用了2层，1个用于文本，第2个用于球。 / p>

我查看了源代码，我发现画布宽度和高度属性与舞台宽度和高度属性不成比例。

<div class="kineticjs-content" role="presentation" style="position: relative; display: inline-block; width: 2133px; height: 1011px;">
<canvas width="1919" height="909" style="padding: 0px; margin: 0px; border: 0px; background-color: transparent; position: absolute; top: 0px; left: 0px; width: 2133px; height: 1011px; background-position: initial initial; background-repeat: initial initial;"></canvas>
<canvas width="1919" height="909" style="padding: 0px; margin: 0px; border: 0px; background-color: transparent; position: absolute; top: 0px; left: 0px; width: 2133px; height: 1011px; background-position: initial initial; background-repeat: initial initial;"></canvas>
</div>

这就是我创建舞台以使其全屏的方式：

var stage = new Kinetic.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight
});

我通过这样做创建一个图层：

var layer = new Kinetic.Layer();

有人会有任何想法可能导致这种情况吗？

谢谢！