如何为具有不同数量控制点的 2 个 SVG 路径设置动画？

Question

我创建了 2 条路径并想要平滑地变形 SVG，但是控制点不同。 动画有效，但只是从一条路径跳到另一条路径而没有过渡。

有没有办法顺利过渡这些路径？

 <svg version="1.1" id="svg9" width="111" height="113" viewBox="0 0 111 113" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <path style="fill:#79C6B6" d="M 8.3462648,106.9459 C 2.6904167,103.32255 0.02523289,93.639329 3.0773505,87.802737 3.7396415,86.536231 7.9545919,81.670009 12.443907,76.988908 23.148375,65.82714 25.285874,59.235723 22.003128,47.511092 20.885435,43.51915 18.975154,40.821357 12.443907,34.011092 3.0627284,24.229145 1.8933431,22.355148 1.8192227,16.984514 1.7052997,8.7298523 8.1502128,2 16.169299,2 c 5.956278,0 8.850205,1.6690269 17.45847,10.068901 9.349728,9.123388 13.471765,11.242065 21.872231,11.242065 8.356295,0 12.306115,-2.027294 21.956808,-11.269602 C 86.330032,3.5436251 88.975231,2 94.663971,2 c 10.064459,0 17.291779,9.543985 14.236879,18.80042 -0.7207,2.183745 -4.40077,7.000658 -9.086294,11.893218 C 90.493874,42.426168 88.043924,47.173105 88.043924,55.5 c 0,8.338459 2.450435,13.074338 11.835494,22.87409 9.869712,10.305815 11.457412,14.293382 8.516502,21.389489 C 105.82725,105.96151 101.35014,109 94.786375,109 88.397622,109 87.158316,108.27114 76.7347,98.383469 67.321061,89.453845 63.512363,87.608544 55.065811,87.884971 46.58029,88.162672 42.974194,89.994016 34,98.583174 c -4.675,4.474416 -9.482916,8.648656 -10.684259,9.276066 -3.533509,1.84542 -11.413705,1.36463 -14.9694762,-0.91334 z M 61.789838,69.10641 C 72.054735,63.867418 73.762907,53.518093 65.726112,45.257664 58.961189,38.3045 52.918509,38.268622 45.466793,45.137374 c -5.126721,4.725646 -6.40108,9.001678 -4.447153,14.922134 1.38076,4.183745 3.76589,6.793456 8.48036,9.278859 4.024179,2.121491 7.818998,2.049868 12.289838,-0.231957 z"> <animate attributeName="d" attributeType="XML" dur="3s" repeatCount="1" calcMode="linear" from="M 8.3462648,106.9459 C 2.6904167,103.32255 0.02523289,93.639329 3.0773505,87.802737 3.7396415,86.536231 7.9545919,81.670009 12.443907,76.988908 23.148375,65.82714 25.285874,59.235723 22.003128,47.511092 20.885435,43.51915 18.975154,40.821357 12.443907,34.011092 3.0627284,24.229145 1.8933431,22.355148 1.8192227,16.984514 1.7052997,8.7298523 8.1502128,2 16.169299,2 c 5.956278,0 8.850205,1.6690269 17.45847,10.068901 9.349728,9.123388 13.471765,11.242065 21.872231,11.242065 8.356295,0 12.306115,-2.027294 21.956808,-11.269602 C 86.330032,3.5436251 88.975231,2 94.663971,2 c 10.064459,0 17.291779,9.543985 14.236879,18.80042 -0.7207,2.183745 -4.40077,7.000658 -9.086294,11.893218 C 90.493874,42.426168 88.043924,47.173105 88.043924,55.5 c 0,8.338459 2.450435,13.074338 11.835494,22.87409 9.869712,10.305815 11.457412,14.293382 8.516502,21.389489 C 105.82725,105.96151 101.35014,109 94.786375,109 88.397622,109 87.158316,108.27114 76.7347,98.383469 67.321061,89.453845 63.512363,87.608544 55.065811,87.884971 46.58029,88.162672 42.974194,89.994016 34,98.583174 c -4.675,4.474416 -9.482916,8.648656 -10.684259,9.276066 -3.533509,1.84542 -11.413705,1.36463 -14.9694762,-0.91334 z M 61.789838,69.10641 C 72.054735,63.867418 73.762907,53.518093 65.726112,45.257664 58.961189,38.3045 52.918509,38.268622 45.466793,45.137374 c -5.126721,4.725646 -6.40108,9.001678 -4.447153,14.922134 1.38076,4.183745 3.76589,6.793456 8.48036,9.278859 4.024179,2.121491 7.818998,2.049868 12.289838,-0.231957 z" to="M 46.950561,85.69536 C 24.391446,79.326788 16.783467,50.014731 33.402771,33.498366 45.282118,21.692598 62.194678,20.912698 75.528903,31.555776 88.043365,41.544536 89.696881,64.110362 78.81981,76.467366 71.615222,84.65221 57.61516,88.706039 46.950561,85.69536 Z" fill="freeze" /> </path> </svg>