3

html5 img タグを使用して複数の画像をキャンバスにロードしようとしています。
画像は置換可能です。たとえば、画像の 5 つのリストがあります。画像もドラッグ可能
で、特定の画像をクリックすると、同じリストから最後にアップロードされた画像が置き換えられます
。私が直面している問題は、新しい要素をアップロードするときに表示されることです。他のトップ。一番下の要素の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);

この機能は動作していません

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

終わり

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

            layer.draw();

        }
4

1 に答える 1

7

わかった.. Layer.moveToTop(); をしなければならなかった そしてそれは魅力のように働きました

于 2012-03-08T11:31:18.970 に答える