javascript – 移动到顶部功能在kineticJs中不起作用

我正在尝试使用html5 img标记将多个图像加载到画布上.
和图像是可替换的.例如,有5个图像列表
图像也是可拖动的
并且单击特定图像替换上一个上传的图像,
我面临的问题是,当我上传一个新元素时,它会出现在其他元素之上.
并点击底部元素,我希望它移动到顶部并拖动.
我试图使用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();

        }

解决方法:

得到它了..
不得不做
Layer.moveToTop();
它就像一个魅力

标签：kineticjs,javascript,image,html5-canvas,drag-and-drop
来源： https://codeday.me/bug/20190729/1574247.html