HTML5 KineticJSは複数行を描画します

Question

ここに見られるように： kineticjs - マウス付き線画

KineticJSは線、形状、ドラッグアンドドロップを描くためには大きく機能します。 実際の例示的な再描画は常に同じ行を描画してください。描画を画像としてエクスポートするために、ステージ上の複数行（これ以上編集可能）を描画するのは不思議です。

Answer 1

新しい行を作成して、MouseDown上のレイヤーに追加することができます。

        stage.on("mousedown", function(){
            if (moving){
                moving = false;layer.draw();
            } else {
                var mousePos = stage.getMousePosition();
                //CHANGED - Create new line
                line = new Kinetic.Line({
                    points: [0, 0, 50, 50],
                    stroke: "red"
                });
                //CHANGED - Add line to layer
                layer.add(line);
                //start point and end point are the same
                line.getPoints()[0].x = mousePos.x;
                line.getPoints()[0].y = mousePos.y;
                line.getPoints()[1].x = mousePos.x;
                line.getPoints()[1].y = mousePos.y;

                moving = true;    
                layer.drawScene();            
            }

        });

.

デモのチェック： http://jsfiddle.net/qtsgn/