Move and scale problems

[diegobenna]

Dear community, I write in English because I'm Italian. I hope you can help me.
I'm writing a program to let my students draw a flowchart with the idea of ​​transforming it into C++.
I'm using LogicFlow and I'm having problems. I hope you can help me.

1. I defined an edge like this:

var left_branch = {
        type:"EdgeLeft",
        sourceNodeId: new_node_condition.id,
        targetNodeId: output.id,
        sourceAnchorId: new_node_condition.id+"_left",
        targetAnchorId: output.id+"_left",
        text: { x: x_condition-80, y: y_condition-10, value: "true" },
        startPoint: calculateConditionAnchorLeft(new_node_condition),
        endPoint: calculateEndConditionStillLeft(output),
        pointsList: [
            computeConditionAnchorLeft(new_node_condition),
            { x: x_condition - width_branch_if, y: y_condition },
            { x: x_condition - width_branch_if, y: y_condition + distance_nodes },
            computeEndConditionLeft Again(exit)
        ]
    };

So I use the pointsList. But when I use the lf.graphModel.moveNode function the edge loses its shape and is transformed. I use the lf.graphModel.moveNode function only to move down, y coordinate + 100 for both source and target nodes. So I expect the edge to remain of the previous form: only it would be shifted down by 100. I also see the text changing position with respect to the initial configurations.
What should I do to get this result?

2. I have a second problem: how can I retrieve the size of a node? How can I change its size? I would like to be able to dynamically push the content into the node and have the node scale to fit the content. Consequently I will have to change the shape of the whole flowchart according to the new width of the node.

Thank you very much if you could help me

[wumail]

Dear community, I write in English because I'm Italian. I hope you can help me. I'm writing a program to let my students draw a flowchart with the idea of ​​transforming it into C++. I'm using LogicFlow and I'm having problems. I hope you can help me.

1. I defined an edge like this:

var left_branch = {
        type:"EdgeLeft",
        sourceNodeId: new_node_condition.id,
        targetNodeId: output.id,
        sourceAnchorId: new_node_condition.id+"_left",
        targetAnchorId: output.id+"_left",
        text: { x: x_condition-80, y: y_condition-10, value: "true" },
        startPoint: calculateConditionAnchorLeft(new_node_condition),
        endPoint: calculateEndConditionStillLeft(output),
        pointsList: [
            computeConditionAnchorLeft(new_node_condition),
            { x: x_condition - width_branch_if, y: y_condition },
            { x: x_condition - width_branch_if, y: y_condition + distance_nodes },
            computeEndConditionLeft Again(exit)
        ]
    };

So I use the pointsList. But when I use the lf.graphModel.moveNode function the edge loses its shape and is transformed. I use the lf.graphModel.moveNode function only to move down, y coordinate + 100 for both source and target nodes. So I expect the edge to remain of the previous form: only it would be shifted down by 100. I also see the text changing position with respect to the initial configurations. What should I do to get this result?

2. I have a second problem: how can I retrieve the size of a node? How can I change its size? I would like to be able to dynamically push the content into the node and have the node scale to fit the content. Consequently I will have to change the shape of the whole flowchart according to the new width of the node.

Thank you very much if you could help me

hey diegobenna,
for problem one, I don't actually know what's going on by your description, could you post your code about the way you use the moveNode function?
And for problem two, i think you can directly access the width and height properties of the node model, you need to obtain the corresponding node model by calling const nodeModel = lf.getNodeModelById(nodeId), then, you can access the width and height properties using nodeModel.width and nodeModel.height respectively. Additionally, you can modify the shape of the node by assigning new values to nodeModel.width and nodeModel.height, both width and height properties of nodeModel are observable, allowing for changes to be tracked (docs: https://docs.logic-flow.cn/docs/#/en/api/nodeModelApi).

[wumail]

Sorry, I'm busy these days. If you have a QQ number or WeChat, you can join the group chat, and you can ask questions to group members, they will be willing to solve your problems.

[diegobenna]

Thanks, i create now wechat id: wxid_a8wi332r67ya22

WQ for me is impossible

[wumail]

I can‘t provide a QR code since the number of members in the group has already exceeded 200. You can add the official WeChat account 'logic-flow,' and he will invite you in.

[diegobenna]

HI. Initially on WeChat everyone wrote and replied to me. Now the chat seems to stop. I don't see any more replies and messages. Is that so? Or is there some problem on my wechat?

[wumail]

Nah, that's not your problem, I saw the dialogue in the group chat, and I think most of them are at rest or taking a break on weekends. btw, we will optimize this problem before this Wednesday to provide a way for developers to change the way pointsList updates.