2012-03-06 7 views
3

html5 imgタグを使用して複数の画像をキャンバスに読み込もうとしています。画像 の5リストがある.eg
と画像は画像もドラッグされている交換可能
と特定の画像のonclickのは同じリストから最後のアップロードされた画像を置き換え、私が直面してる
問題があるときにI新しい要素をアップロードします。それは他の要素の上にあります。 そして下の要素のonclickは上に移動してドラッグします。 私はmove to topという関数を使用しようとしましたが、何も起こっていません。ライブラリをチェックしても問題ありません。
ここで完全なコードを貼り付けることはできません。
は、ここで私は一番上の機能に移動を追加しようとしている部分です:先頭に移動する機能が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をデバッグするために使用できるMVCE私はJavaScript、MSSQL Server、Angular、C#、Python、Perlなどで働いています。実際にOPの問題を解決するために十分な質問が書かれています。 –

答えて

7

がそれを手に入れた

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

エンドに機能していません。.. する必要がありました Layer.moveToTop(); それは魅力的に働いた

関連する問題