Method changeNode

index.js:399–438

()

    }

    changeNode(){
        //Called by context menu
        if (this.activeNode){
            const index = this.nodes.indexOf( this.activeNode );
            if (index!=-1){
                const node = this.nodes[index];
                if (node.tool == this.config.tool) return;
                if (index == 0){
                    //Only moveTo allowed
                    if (this.config.tool != 'moveTo'){
                        alert("You can only change the first node to 'moveTo'");
                        return;
                    }
                    node.tool = this.config.tool;
                    delete node.options;
                }else{
                    const prevNode = this.nodes[index-1];
                    node.tool = this.config.tool;
                    delete node.options;
                    let ctrlA, ctrlB, center;
                    switch( node.tool ){
                        case 'quadraticCurveTo':
                            ctrlA = Geometry.calcLineMidPoint( prevNode, node );
                            node.options = { ctrlA };
                            break;
                        case 'bezierCurveTo':
                            ctrlA = Geometry.calcPointAlongLine( prevNode, node, 0.33 );
                            ctrlB = Geometry.calcPointAlongLine( prevNode, node, 0.66 );
                            node.options = { ctrlA, ctrlB };
                            break;
                        case 'arc':
                            const radius = Geometry.distanceBetweenPoints( prevNode, node );
                            node.options = { radius, start: 0, end: Math.PI/2, clockwise: false };
                            break;
                    }
                }
                this.render(true);
            }
        }
    }

    newPath(){
        const names = this.store.getPathNames();