DEV Community

netsi1964 πŸ™πŸ»
netsi1964 πŸ™πŸ»

Posted on

Construct and move svg figure

The simple idea behind this pen was to allow to easily draw a closed figure simply by entering a number of x and y numbers. You should also be able to move the object position and see the updated points you had entered.

I am using translate function on the group containing the line segments (paths), and when movement stops, I use a matrix to get the new position of each pair of numbers you have entered.

Click the figure to activate movement mode and click again to leave the movement mode.

Top comments (0)