update(AligningGuidelines): Fix some bugs and add custom features.

[zhe-he]

Resolve the issue where when the user scales using scaleX, scaleY is not updated simultaneously. The same applies to scaleY.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[zhe-he]

2024-09-02.14.23.03.mov

test

[zhe-he]

When the angle of the operated graphic is not 0, there is a bug with the 4-corner scaling alignment.

I will solve it at noon tomorrow.

[zhe-he]

fixed

2024-09-11.10.19.10.mov

demo

When the angle of the operated graphic is not 0, there is a bug with the 4-corner scaling alignment.
I will solve it at noon tomorrow.

[zhe-he]

In practical use, a common issue has been identified: when there are too many shapes, the problem of excessive reference line hits occurs because each shape is compared with the current shape. It is suggested to change the approach to count all points and use those points for judgment. (The same issue occurs in V5; if there are related requirements for V5, please refer to the modifications.)

The following is a video comparison before and after the modifications.

a.mov

b.mov

[asturur]

I m sorry i didn't have time for this and i won't for a bit.
All the implementation needs to be checked and verified a bit imho.
When there are too many lines there must be a way for the developer to choose the one they care about or expose an interaction key to manually disable them. Is a common problem

[zhe-he]

Okay, I will take some time to write the test cases, while also adding the corresponding listener functions and disabling the relevant feature switches.

[zhe-he]

@asturur
I made a lot of updates, and the final result is significantly different from the initial version. You can ignore the logic of the initial version and directly look at all the final code. Compared to the initial version, I added comments to each line, making it easier to understand.
Additionally, I added user customization options, which are documented in the README. Users can manually disable horizontal lines and customize the alignment of graphics. It also supports user-defined names for controllers.
If you have any questions about any line of code, feel free to tag me, and I will explain once I see it.
This is the final version. If you have time, please download the code locally to review all files; it will be faster than reviewing changes on GitHub. Thank you.
Regarding the test cases for simulating user manual dragging, I haven't written any before. If needed, I will try to add them.
Here is a test demo where you can test by modifying parameters or customizing them.
demo