在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/