I'm trying to combine 2 materials using Next.js tsx.
First, select the first material.
Next, select the second material and perform the reduction, enlargement, and movement operations.
At this time, the first material is placed in an arbitrary part of the screen.
Place the second material that has been manipulated in an arbitrary part of the screen and click the combine button.
At this time, the current positions of the first and second materials must be maintained and combined to create a new image.
If I select the second material and perform the reduction, enlargement, and movement operations, the image combination will not proceed accurately.
If I do not enlarge or reduce the second image, there will be a slight difference in position.
However, if I enlarge or reduce the second image, the error seems to increase depending on the ratio.
How can I solve this problem?