สอบถามเรื่องการใช้ canvas ต่อภาพ และ เปลี่ยนภาพหน่อยครับ

<canvas id="show" width="600" height="500"></canvas>
<script>
      function loadImages(sources, callback) {
        var images = {};
        var loadedImages = 0;
        var numImages = 0;
        // get num of sources
        for(var src in sources) {
          numImages++;
        }
        for(var src in sources) {
          images[src] = new Image();
          images[src].onload = function() {
            if(++loadedImages >= numImages) {
              callback(images);
            }
          };
          images[src].src = sources[src];
        }
      }
      var canvas = document.getElementById('show');
      var context = canvas.getContext('2d');

      var sources = {
      a: 'img/1.png',
      b: 'img/2.png',

      };

      loadImages(sources, function(images) {
      context.drawImage(images.a, 120, 28, 340, 417);
      context.drawImage(images.b, 120, 28, 340, 417);

      });

    </script>