先看效果
下面是所有的代码
<svg contentScriptType="text/ecmascript" width="600.0px" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full"
zoomAndPan="magnify" contentStyleType="text/css" height="600.0px" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
version="1.0">
<path fill="#ff6666" d="M 98.0 542.0 C 98.0 542.0 71.0 520.0 71.0 520.0 C 71.0 520.0 55.0 478.0 55.0 477.0 C 55.0 476.0 64.0 453.0 64.0 452.0 C 64.0 451.0 80.0 438.0 81.0 438.0 C 82.0 438.0 103.0 436.0 103.0 436.0 C 103.0 436.0 127.0 445.0 127.0 447.0 C 127.0 449.0 132.0 464.0 132.0 469.0 C 132.0 474.0 137.0 496.0 137.0 500.0 C 137.0 504.0 132.0 519.0 132.0 519.0 C 132.0 519.0 112.0 531.0 112.0 531.0 C 112.0 531.0 98.0 545.0 98.0 545.0 z C 98.0 545.0 98.0 545.0 98.0 545.0 z C 98.0 545.0 97.0 579.0 97.0 579.0 C 97.0 579.0 97.0 599.0 97.0 601.0 C 97.0 603.0 97.0 609.0 97.0 621.0 C 97.0 633.0 97.0 641.0 97.0 649.0 C 97.0 657.0 97.0 663.0 97.0 668.0 C 97.0 673.0 100.0 691.0 100.0 694.0 C 100.0 697.0 97.0 716.0 97.0 716.0" stroke="#cccc00">
<animate dur="2s" fill="freeze" values="M 98.0 542.0 C 98.0 542.0 71.0 520.0 71.0 520.0 C 71.0 520.0 55.0 478.0 55.0 477.0 C 55.0 476.0 64.0 453.0 64.0 452.0 C 64.0 451.0 80.0 438.0 81.0 438.0 C 82.0 438.0 103.0 436.0 103.0 436.0 C 103.0 436.0 127.0 445.0 127.0 447.0 C 127.0 449.0 132.0 464.0 132.0 469.0 C 132.0 474.0 137.0 496.0 137.0 500.0 C 137.0 504.0 132.0 519.0 132.0 519.0 C 132.0 519.0 112.0 531.0 112.0 531.0 C 112.0 531.0 98.0 545.0 98.0 545.0 z C 98.0 545.0 98.0 545.0 98.0 545.0 z C 98.0 545.0 97.0 579.0 97.0 579.0 C 97.0 579.0 97.0 599.0 97.0 601.0 C 97.0 603.0 97.0 609.0 97.0 621.0 C 97.0 633.0 97.0 641.0 97.0 649.0 C 97.0 657.0 97.0 663.0 97.0 668.0 C 97.0 673.0 100.0 691.0 100.0 694.0 C 100.0 697.0 97.0 716.0 97.0 716.0;
M 105.0 133.0 C 105.0 133.0 78.0 111.0 78.0 111.0 C 78.0 111.0 62.0 69.0 62.0 68.0 C 62.0
67.0 71.0 44.0 71.0 43.0 C 71.0 42.0 87.0 29.0 88.0 29.0 C 89.0 29.0 110.0 27.0 110.0 27.0 C 110.0 27.0 134.0 36.0 134.0 38.0 C 134.0 40.0 139.0 55.0 139.0 60.0 C 139.0 65.0 144.0 87.0 144.0 91.0 C 144.0 95.0 139.0 110.0 139.0 110.0 C 139.0 110.0 119.0 122.0 119.0 122.0 C 119.0 122.0 105.0 136.0 105.0 136.0 z C 105.0 136.0 105.0 136.0 105.0 136.0 z C 105.0 136.0 104.0 170.0 104.0 170.0 C 104.0 170.0 104.0 190.0 104.0 192.0 C 104.0 194.0 104.0 200.0 104.0 212.0 C 104.0 224.0 104.0 232.0 104.0 240.0 C 104.0 248.0 104.0 254.0 104.0 259.0 C 104.0 264.0 107.0 282.0 107.0 285.0 C 104.0 284.0 104.0 307.0 104.0 307.0;
M 122.0 29.446808 C 122.0 29.446808 163.0 57.049644 203.0 26.489365 C 243.0 -4.070923 207.0
26.489365 207.0 26.489365 C 207.0 26.489365 163.0 86.624115 229.0 106.34042 C 295.0 126.05673 224.0 106.34042 224.0 106.34042 C 224.0 106.34042 135.0 117.18439 204.0 193.0922 C 273.0 269.0 188.0 174.3617 188.0 174.3617 C 188.0 174.3617 141.0 124.0851 99.0 162.5319 C 57.0 200.97871 104.0 161.5461 104.0 161.5461 C 104.0 161.5461 130.0 122.11348 96.0 84.65248 C 62.0 47.19149 93.0 82.68085 93.0 81.69504 C 93.0 80.70921 127.0 67.893616 121.0
29.446808 C 115.0 -9.0 125.0 29.446808 125.0 29.446808 C 125.0 29.0 125.0 29.0 125.0 29.0 z
"
begin="0s" attributeName="d" id="ballon" calcMode="spline" keySplines="0 0 0.42 0; 1 1 1 1"/> </path>
</svg>