Javascript 层。删除(图像);不在Dynamic.js中工作
我正在使用最新的kineticjs。(3.10节) 问题就在这里 我使用一个单一的功能发送图像到画布,这是在画布以外的点击。 我正在制作可拖动的图像以及所有。。 我还添加了双击删除图像功能。 当我双击任何图像时。。 最后添加的图像将被删除,之后如果我尝试单击其他图像。。 我得到这个错误:TypeError:this.children[child.index]未定义 这里有一个小代码: 使用此函数使用ajax从另一个文件获取路径Javascript 层。删除(图像);不在Dynamic.js中工作,javascript,html,drag-and-drop,html5-canvas,kineticjs,Javascript,Html,Drag And Drop,Html5 Canvas,Kineticjs,我正在使用最新的kineticjs。(3.10节) 问题就在这里 我使用一个单一的功能发送图像到画布,这是在画布以外的点击。 我正在制作可拖动的图像以及所有。。 我还添加了双击删除图像功能。 当我双击任何图像时。。 最后添加的图像将被删除,之后如果我尝试单击其他图像。。 我得到这个错误:TypeError:this.children[child.index]未定义 这里有一个小代码: 使用此函数使用ajax从另一个文件获取路径 function loadajax(imgpath,i
function loadajax(imgpath,imgid){
sources = {
yoda1 : imgpath,
};
loadImages(sources,initStage1);
};
来源功能:----
下面是我用来删除/拖放/等的函数
function initStage1(images){
yodaGroup1 = new Kinetic.Group({
x: 100,
y: 110,
draggable: true,
});
layery = new Kinetic.Layer();
layery.add(yodaGroup1);
stage.add(layery);
var yoda1 = new Kinetic.Image({
image: images.yoda1,
x: 0,
y: 0,
width: 100,
height: 120,
name:"image",
detectionType:"Pixel"
});
yodaGroup1.add(yoda1);
yodaGroup1.on("dragstart", function() {
yodaGroup1.moveToTop();
layery.draw();
});
yodaGroup1.on("dblclick dbltap", function() {
layery.remove(yodaGroup1);
layery.draw();
});
yodaGroup1.on("dragend", function() {
layery.draw();
yoda1.saveImageData();
});
addAnchor(yodaGroup1,0, 0, "topLeft");
addAnchor(yodaGroup1, 100, 0, "topRight");
addAnchor(yodaGroup1, 100, 120, "bottomRight");
addAnchor(yodaGroup1, 0, 120, "bottomLeft");
stage.draw();
yoda1.saveImageData();
}
现在根据这个函数
我应该能够将图像添加到画布(工作正常)
当我拖动图像时,应该能够将一个图像移动到另一个图像上(.ie.moveToTop函数)\不工作
应能够在双击时删除图像(仅适用于最新添加的图像)
请帮忙
谢谢
指此功能:
- remove()从后台删除层
- remove()从后台删除层
没有只删除层中包含的一个节点的功能://要删除层中包含的节点,请使用以下命令:
node.remove();
因此,在您的情况下,您会:
yodaGroup1.remove();
layery.draw();
要删除层中包含的节点,只需使用以下命令:
node.remove();
因此,在您的情况下,您会:
yodaGroup1.remove();
layery.draw();