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