React Konva Drag & Drop Line Planner
Budget: $30 – $250 USD
I'm looking for a skilled developer with extensive experience in React and Konva to help me create a drag-and-drop application.
am building a react application where I allow the client to draw the interior room space, I also have written the code in which I add an outer lines based on the interior draw, to simplify what I actually want please read this example, assume that we want to draw a single line, that line consist of points ,after i drew the line the line points was 4 points A B C D , A at 500,100 , B at 800,200, C at 800,400, D at 500,600 ( a line will be drawn from D to A to close the shape),each two points makes a child line, each child line can be draggable, assume that we started dragging the line between B to C ,what i want is while dragging that line, we should maintain the line A to B at the same orientation ( the length might be change) , and we should also maintain the Line C to D orientation ( the length might be change),and we also should maintain the dragged line orientation (B to C ), the line between D and A won't be touched caused it is far away from the dragging, the dragging should affect only the previous and next child lines, now i thinked alot of how i should do this, and i think we should put in mind these , first we should calculate the previous line slope , and the next line slope, the dragged shape movement should not be perpendicular, it should depend on the previous line slope and next line slope , etc.. , I want someone to help me in this issue
am building a react application where I allow the client to draw the interior room space, I also have written the code in which I add an outer lines based on the interior draw, to simplify what I actually want please read this example, assume that we want to draw a single line, that line consist of points ,after i drew the line the line points was 4 points A B C D , A at 500,100 , B at 800,200, C at 800,400, D at 500,600 ( a line will be drawn from D to A to close the shape),each two points makes a child line, each child line can be draggable, assume that we started dragging the line between B to C ,what i want is while dragging that line, we should maintain the line A to B at the same orientation ( the length might be change) , and we should also maintain the Line C to D orientation ( the length might be change),and we also should maintain the dragged line orientation (B to C ), the line between D and A won't be touched caused it is far away from the dragging, the dragging should affect only the previous and next child lines, now i thinked alot of how i should do this, and i think we should put in mind these , first we should calculate the previous line slope , and the next line slope, the dragged shape movement should not be perpendicular, it should depend on the previous line slope and next line slope , etc.. , I want someone to help me in this issue