Установить положение фона Javascript

Question

Итак, я создаю игру и имею js-скрипт, который загружает фоновое изображение для каждого уровня только проблема. Я хочу, чтобы фон находился в определенном положении. Как я могу достичь этого в сценарии?

Мой код выглядит следующим образом:

var levels = { 
    level1: { 
       level: [[["0","1","0","1"],["0","0","0","0"],["0","0","0","0"],["0","0","0","0"],["0","0","0","0"],["0","0","0","0"]],[["0","0","1","1"],["0","1","1","0"],["0","0","0","0"],["0","0","0","0"],["0","0","0","0"],["0","0","0","0"]],[["0","0","0","0"],["0","0","1","1"],["1","1","0","0"],["0","0","0","0"],["0","0","0","0"],["0","0","0","0"]],[["0","0","0","0"],["0","0","0","0"],["0","0","1","1"],["1","0","1","0"],["1","0","1","0"],["1","1","0","0"]]], 
       backgroundURL : "http://google.co.uk/level1.jpg" 
      }, 

Answer 1

Просто используйте CSS фоновое атрибут объявления положение, как описано в another stackoverflow post.

условии, что вы используете JQuery, вы могли бы сделать

$('#canvas').css('background-position', '10px 10px'); 

где

<div id="canvas"> 

является соответствующий HTML-элемент.