javascript - context.drawImage在Chrome中工作，但在Firefox中不工作

因此出于某种原因，我用于显示图像的javascript代码只能在Chrome中使用，而不能在任何其他浏览器中使用。

这是JSFiddle：http://jsfiddle.net/LLy42oa0/

 var snowflakeImage = new Image('');
    snowflakeImage.ready = true;
    snowflakeImage.src = 'http://i.imgur.com/W0rqcLP.png';

function drawSnowflakes() {
        for(var i = 0; i < snowflakesInAir.length; i++) {
            //Failsafe
            if(snowflakesInAir[i].x > canvas.width || snowflakesInAir[i].y > canvas.height) {
                i++;
            }
                context.drawImage(snowflakeImage, snowflakesInAir[i].x, snowflakesInAir[i].y);
        }
    }

任何帮助，将不胜感激！
我尝试过交换到image.onload（），但是这似乎在我的gameLoop中中断了。谢谢！

最佳答案

这是FireFox中导致的错误：


  IndexSizeError：索引或大小为负数或大于允许值
  量


，您还可以找到问题的解决方案here：


  也要澄清。将Math.round应用于在
  .drawImage（）为我解决了这个问题。似乎Firefox不喜欢
  小数。 –贾斯汀·博德里（Justin Beaudry）