2011-03-14 126 views
0

我试图让滚动的背景图片适用于我正在开发的游戏。上面的代码适用于Mac上的Safari,但它不适用于iPad。我的猜测是,backgroundY是导致负数而这又引发了我一个错误“INDEX_SIZE_ERR:DOM异常1”滚动背景图片

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

如何轻松地滚动背景图像,将在iPad上运行任何想法?理想情况下,我想实例化图像并使其滚动浏览javascript而不是CSS。如果我可以将图像的注册点更改为右下角,它将永远不会收到负面图像。基本上,图像应该在屏幕上向上飞行以模拟落下的感觉。

预先感谢您!

回答

0

尝试使用getImageData,随着putImageData

https://developer.mozilla.org/En/HTML/Canvas/Pixel_manipulation_with_canvas

现在我不建议这样做的任何其他情况,但低于是我放在一起使用get/putImageData一个例子。最主要的是你只能获得在你的画布大小范围内的图像数据,而放回图像数据也是如此。在下面的例子中没有使用负值。

Live Example

+0

你会对如何实现什么建议?我已经多次阅读该文档,并且仍然无法实现它。 – Hessam 2011-03-15 21:40:03

+0

@Hessam我有时试着在今天或明天早上掀起一个演示。 – Loktar 2011-03-15 21:49:40

+0

@Hessam对不起,在这里延迟你去http://www.somethinghitme.com/projects/bgscroll/ – Loktar 2011-03-18 03:15:54