2012-03-06 4 views
3

html5 img 태그를 사용하여 여러 이미지를 캔버스에로드하려고합니다. 이미지 5리스트가 .eg
와 이미지는 이미지는 드래그 할 수 있습니다 교체 할
특정 이미지의 onclick을 같은 목록에서 마지막으로 업로드 된 이미지를 대체, 내가 직면하고있어
문제는 때 I 새 요소를 업로드하면 다른 요소 위에 추가됩니다. 그리고 맨 아래 요소의 onclick은 위로 이동하고 드래그합니다. 맨 위로 이동이라는 kineticjs 함수를 사용하려고했지만 아무 일도 일어나지 않았습니다. 라이브러리도 확인 했으므로 괜찮습니다 ...
전체 코드를 여기에 너무 많이 붙여 넣을 수 없습니다.
는 여기가 최고 기능으로 이동을 추가하기 위해 노력하고있어 일부입니다 :맨 위로 이동 기능이 kineticJs에서 작동하지 않습니다

  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); 

이 기능이

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

      layer.draw(); 

     } 
+0

@Andy 질문이 몇 가지 부족합니다. 실제 오류 "작동하지 않음"으로 충분하지 않습니다. 문제를 재현하는 방법입니다. MVCE를 디버깅하는 데 사용할 수 있습니다. 문제가 있거나 심지어 좋은 제목도 있습니다. ".NET"뿐만 아니라 JavaScript, MSSQL Server, Angular, C#, Python, Perl 등에서 일하고 있습니다. 또한 제가 일하는 언어는 또는 OP 가슈를 실제로 해결할 수있는 충분한 질문을 잘 작성하지 못했습니다. –

답변

7

이있어

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

끝을 작동하지 않습니다 .. 할 일 Layer.moveToTop(); 그리고 매력처럼 작동했습니다.

관련 문제