在dynamicjs中将形状数组添加到图层中

Question

我正在尝试将一系列形状附加到dynamicJS的图层上，到目前为止，这是我已经完成的工作：

elementContainer = {
    start: buildCircle(75, 75),
    activity: buildActivity(150, 50),
    end: buildCircle(250+25, 50+25)
 };

当我尝试添加这样的数组时

linesLayer.add(elementContainer);

我收到以下消息异常：

未捕获到的TypeError：对象＃没有方法'getType'dynamic.min.js：4 Kinetic.Util.addMethods._validateAdd dynamic.min.js：4 Kinetic.Util.addMethods.adddynamic.min.js：3（匿名函数） （索引）：163 jQuery.event.dispatch jquery-2.1.0.js：4371 elemData.handle

这是JSFiddle

Answer 1

分别添加它们：

layer.add(elementContainer.start).add(elementContainer.activity).add(elementContainer.end);

http://jsfiddle.net/5WpP5/2/

Answer 2

正如lavrton所说，每个元素必须单独添加，但是如果您需要更改elementsContainer中elementsContainer的数量或名称而不是对其进行硬编码，则可能需要使用循环。

for (var key in elementContainer) {
    layer.add(elementContainer[key]);
}

http://jsfiddle.net/ze6nj/