Question

我正在尝试使用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();

        }

Answer 1

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

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

1 个答案: