形状在kineticjs stage.draw()中重复出现?

时间:2014-04-08 10:33:25

标签: kineticjs

当我绘制形状时,我只是调用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, 

1 个答案:

答案 0 :(得分:0)

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

实际上你可以从任何节点(包括形状,图层,阶段,组等)调用draw()方法。

<强>更新

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