alexjlockwood / ShapeShifter

SVG icon animation tool for Android, iOS, and the web
https://shapeshifter.design
Apache License 2.0
3.97k stars 200 forks source link

Changing original PathData values #354

Open matasoy opened 2 years ago

matasoy commented 2 years ago

Hello first of all you did greate work here. You have most usable interface among the online svg animators. But there is a problem.

I create a shape on Inkscape m 195.17519,108.25988 a 40.613667,40.613667 0 0 1 -40.61367,40.61367 40.613667,40.613667 0 0 1 -40.61366,-40.61367 40.613667,40.613667 0 0 1 40.61366,-40.613666 40.613667,40.613667 0 0 1 40.61367,40.613666 z

When i import my svg to shapeshifter my shape dataPath translate to another value. M 100.952 53.654 C 98.663 60.406 94.637 66.437 89.279 71.139 C 83.921 75.841 77.418 79.051 70.427 80.444 C 63.436 81.837 56.2 81.366 49.448 79.077 C 39.251 75.619 30.836 68.245 26.07 58.59 C 21.305 48.935 20.569 37.77 24.026 27.573 C 27.483 17.376 34.858 8.961 44.513 4.195 C 54.168 -0.571 65.333 -1.307 75.53 2.151 C 82.281 4.44 88.312 8.466 93.014 13.824 C 97.717 19.182 100.926 25.685 102.32 32.676 C 103.713 39.667 103.241 46.903 100.952 53.654 Z

Its ok. Now I change my original shape size, a little bit smaller on Inkscape and copy the pathData m 141.5478,162.30398 a 31.605501,31.605501 0 0 1 -40.0802,19.78368 31.605501,31.605501 0 0 1 -19.78366,-40.0802 31.605501,31.605501 0 0 1 40.08019,-19.78367 31.605501,31.605501 0 0 1 19.78367,40.08019 z

And past pathData value to TOVALUE input (to animate my shape) on shapeshifter and it works wrongly. My Path animation inputs like this: fromValue M 100.952 53.654 C 98.663 60.406 94.637 66.437 89.279 71.139 C 83.921 75.841 77.418 79.051 70.427 80.444 C 63.436 81.837 56.2 81.366 49.448 79.077 C 39.251 75.619 30.836 68.245 26.07 58.59 C 21.305 48.935 20.569 37.77 24.026 27.573 C 27.483 17.376 34.858 8.961 44.513 4.195 C 54.168 -0.571 65.333 -1.307 75.53 2.151 C 82.281 4.44 88.312 8.466 93.014 13.824 C 97.717 19.182 100.926 25.685 102.32 32.676 C 103.713 39.667 103.241 46.903 100.952 53.654 Z tovalue m 141.5478,162.30398 a 31.605501,31.605501 0 0 1 -40.0802,19.78368 31.605501,31.605501 0 0 1 -19.78366,-40.0802 31.605501,31.605501 0 0 1 40.08019,-19.78367 31.605501,31.605501 0 0 1 19.78367,40.08019 z

Now my shape move absolutely wrong coordinates. Because my original path value was changed to something else. How can we solve this.

svganim

inkscape_tSiqzc40Os