2011-03-14 438 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