Cześć!

Napisałem taką funkcję która z pomocą canvas tworzy z kilku elementów jeden obrazek.

[JAVASCRIPT] pobierz, plaintext 
function draw() {
  var ctx = document.getElementById('canvas').getContext('2d');
  var img = new Image();
  img.src = '1.jpg';
  img.onload = function(){
    for (i=0;i<6;i++){
      for (j=0;j<6;j++){
        ctx.drawImage(img,j*20,i*20,20,20);
      }
    }
  }
}
[JAVASCRIPT] pobierz, plaintext 

Problem mój polega na tym, że chciałbym aby można było szybko za pomocą kilku liczb określać po kawałku obrazek.

Np:

[JAVASCRIPT] pobierz, plaintext 
var nazwa_grafiki = ['1.jpg', '2.jpg'];
var ustawienie_grafiki = 
[1,0,0,1],
[0,1,0,1],
[1,1,0,1],
[1,0,0,1];
[JAVASCRIPT] pobierz, plaintext 

Nie wiem jak zastąpić img.src = '1.jpg';.

Co chcę osiągnąć
2.jpg, 1.jpg, 1.jpg, 2.jpg
1.jpg, 2.jpg, 1.jpg, 2.jpg
itd...

Proszę na jakieś nakierowanie.