How to make an animation of an svg element so that the shape of the “cake” changes arbitrarily?

Question

Canvas

Here is an svg element on the page.

The task is this - to make an animation so that its shape, the shape of the cake, changes.
Example + - like here on the left of the first screen https://flex.media

Answer 1

First you need to understand that this is not a cake, but a form that has attributes that can be animated in smil
To use this not tricky technique, you need to save several element states in the values ​​\u003d "" field, where you can list them via ;
https://codepen.io/topicstarter/pen /QRWWoM