Прокрутка фонового изображения

Question

Я пытаюсь заставить фоновое изображение с прокруткой работать на игру, которую разрабатываю.Приведенный выше код отлично работает для Safari на Mac, однако на 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

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

Теперь я не рекомендую делать это для любых других обстоятельств, но ниже приведен пример, который я собрал, используя get/ putImageData.Главное, вы можете получить только те данные изображения, которые соответствуют размеру вашего холста, и то же самое относится и к возврату изображений.В приведенном ниже примере отрицательные значения не используются.

Живой пример