形状在 kineticjs stage.draw() 中重复？

Question

每当我绘制形状时，我只需调用 stage.draw() 方法， 所以形状再次重复。 所以我的问题是如何在不出现更多先前绘制的形状的情况下添加形状。
这里是示例代码

//creating group for adding text
     var textGroup = new Kinetic.Group({
                    x: e.pageX,
                    y: e.pageY - posY,
                    draggable: true,
                    id: 'textgroup'
                });
                layer.add(textGroup);
                stage.add(layer);
                textname = 'text' + shapecount;
//creating text 
                var text = new Kinetic.Text({
                    x: 0,
                    y: 0,
                    text: comment,
                    fill: "#" + fillcolor,
                    fontSize: 24,
                    opacity: 0.5,
                    name: textname
                });
//adding text into group
                textGroup.add(text);
//finally drawing stage
                  stage.draw();


 Can anyone help me out?

    Thanks in Advance, 

Answer 1

你可以在你添加了形状的组上调用 draw() 方法。这只会重绘该特定组中的形状。 IE。 textGroup.draw()

事实上，您可以从任何节点（包括形状、层、阶段、组等）调用 draw() 方法。

更新

我做了一个小提琴http://jsfiddle.net/u9xHe/1/。添加一个文本形状，调用draw，然后添加另一个文本形状并再次调用draw。在这种情况下似乎没有什么不妥。