KineticJS：将多个克隆作为Kinetic.Group进行拖拽

Question

如何使克隆成为整个群体？

我有两层：第一层包含一些项目（动态图像和矩形），第二层是放置区域。我想做的是：

• 将图像放在矩形的边框内
• 然后在第一次删除项目后，当我点击一个矩形时，所有项目都被Kinetic.Group中的那个矩形拖动，所以显然我必须进行一次命中测试

这有点像http://jsfiddle.net/7BkR7/1/，但克隆了大矩形......我受到了这个例子的启发，但未能适应我的解决方案。对我来说真的不太清楚，我需要建议和帮助。

Answer 1

以下是如何克隆一个组及其所有包含的节点：

layer.add( anyContainerGroup.clone({draggable:true} );

要制作可拖动的容器组，请执行与小型容器相同的操作

• 让你的蓝色，绿色和黄金描边的容器不可拖动（它们是＆＃34;原件＆＃34;）

• 将每个容器的克隆直接放在原始容器的顶部（克隆是可拖动的）

• 在克隆容器中放入小型rect时，将小型rect插入该克隆容器

• 可以将克隆容器（包括任何包含的小容器）拖到您的dropzone。