Изогнутые линии с EaselJS

Question

У меня есть холст для рисования с использованием EaselJS, проблема в том, что когда я рисую линии, правильно работает только первый. Поскольку вторая линия имеет некоторые углы, а не кривую линию в качестве первой линии, она выглядит скорее как многоугольник, чем изогнутая линия. Каков наилучший способ исправить это?

Я думаю, здесь должно быть что-то, чтобы исправить

      //containers
        this.backgroundContainer = new createjs.Container();
        this.stage.addChild(this.backgroundContainer);

        var ss = new createjs.Shape();
        ss.graphics.beginFill("#000000").drawRect(0, 0, 960, window.innerHeight);

        this.stageArea = new createjs.Container();
        this.stageArea.snapToPixel = true;
        this.stageArea.hitArea = ss;
        this.backgroundContainer.addChild(this.stageArea);    


        this.container = new createjs.Container();          
        this.stage.addChild(this.container);    


        this.stageArea.addEventListener("mousedown", this.handleMouseDown);
        this.stage.addEventListener("stagemousemove" , this.handleMouseMove);   



            tick:function(){

            if(app.mouseDOWN){

            app.midPt = new createjs.Point(app.oldPt.x + app.stage.mouseX - app.stage.canvas.width/2>>1, app.oldPt.y+app.stage.mouseY - app.stage.canvas.height/2>>1);


           app.lineArray[app.NUM_LINES].graphics
           .beginStroke('#ffffff')
           .moveTo(app.midPt.x, app.midPt.y)
           .curveTo(app.oldPt.x, app.oldPt.y, app.oldMidPt.x, app.oldMidPt.y);

            app.lineArray2[app.NUM_LINES].graphics
           .beginStroke('#ffffff')
           .moveTo(app.midPt.x, app.midPt.y)
           .curveTo(app.oldPt.x, app.oldPt.y, app.oldMidPt.x, app.oldMidPt.y);

            app.lineArray3[app.NUM_LINES].graphics
           .beginStroke('#ffffff')
           .moveTo(app.midPt.x, app.midPt.y)
           .curveTo(app.oldPt.x, app.oldPt.y, app.oldMidPt.x, app.oldMidPt.y);

            app.oldPt.x = app.stage.mouseX;
            app.oldPt.y = app.stage.mouseY;

            app.oldMidPt.x = app.midPt.x;
            app.oldMidPt.y = app.midPt.y;


            app.stage.update();
        }   



    }