Перейти к началу страницы Функция не работает в kineticJs

Question

Я пытаюсь загрузить несколько изображений на холст с помощью тега html5 img.
и изображения могут быть заменены .eg есть 5 Списка изображений Изображения также перетаскивать
и OnClick конкретных изображений заменяет последнее загруженное изображение из того же списка,
Проблемы я столкнулся в том, что, когда я загрузите новый элемент, который он будет поверх других. и onclick нижнего элемента Я хочу, чтобы он переместился на верх и перетащил. Я попытался использовать функцию kineticjs, называемую move to top, но ничего не происходит. Я также проверил библиотеку, и это нормально ...
Я не могу вставить свой полный код здесь, потому что он слишком большой.
Вот та часть, где я пытаюсь добавить шаг к началу функциональности:

  function drawImageOnLayer(layer, img) { 
      var x = stage.width/2 - 100 ; 
      var y = stage.height/2 - 200 ; 
      var width = 200; 
      var height = 400; 

      var kinecticImg = new Kinetic.Shape(function(){ 
       var context = this.getContext(); 
       context.drawImage(img, x, y, width, height); 
       // draw invisible detectable path for image 
       context.beginPath(); 
       context.rect(x, y, width, height); 
       context.closePath(); 
      }); 

      // enable drag and drop 
      kinecticImg.draggable(true); 

эта функция не работает

 kinecticImg.on("mousedown", function(){ 
      this.moveToTop(); 
      layer.draw(); 

Конец

 }); 
      layer.clear(); 
      layer.add(kinecticImg); 

      layer.draw(); 

     } 

Answer 1

Понял .. должен был сделать Layer.moveToTop(); и он работал как шарм