Question

我正在尝试使用滚动背景图像来处理我正在开发的游戏。上面的代码适用于Mac上的Safari，但它不能在iPad上运行。我的猜测是backgroundY导致了一个负数，这反过来又引发了一个错误“INDEX_SIZE_ERR：DOM Exception 1”

backgroundY += 5;
if (backgroundY >= 3834) backgroundY = 0;
bg.drawImage(backgroundImg, 0, -backgroundY, 960, 4930);

有关如何轻松滚动可在iPad上运行的背景图像的任何想法？理想情况下，我想实例化图像并让它滚动浏览javascript而不是CSS。如果我可以将图像的注册点更改为右下角，则不会收到负图像。基本上，图像应该在屏幕上向上飞行以模仿坠落感。

提前谢谢！

Answer 1

尝试使用getImageData以及putImageData

现在我不建议在任何其他情况下执行此操作，但下面是我使用get / putImageData放在一起的示例。最重要的是你只能获得画布大小范围内的图像数据，并且同样可以放回图像数据。在下面的示例中，不使用负值。