KineticJS：设置克隆对象的最大数量

Question

如何设置限制克隆对象的最大数量？该项目需要采取这种条件，以确保有合理数量的物品（设备，门，房子里的传感器等）。

有任何建议，提示，想法吗？

Answer 1

演示：http://jsfiddle.net/m1erickson/8A9sP/

您可以将maxClones属性附加到原始对象。

var circle1 = new Kinetic.Circle({
    x:50,
    y:75,
    radius: 30,
    fill: 'red',
    stroke: 'black',
    strokeWidth: 4,
    draggable: true
});

// add a property defining the max # clones available from this original object

circle1.maxClones=3;

然后在克隆时，您可以使用此属性来控制所做克隆的最大数量：

if(circle1.maxClones>0){
    layer.add(circle1.clone({x:circle1.maxClones*50+100}));
    layer.draw();
    circle1.maxClones--;
}else{
    alert("Cloning Unavailable: max clone count has been reached.");
}