账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用多张svg格式的关键帧图片制作的svg动画无缓动效果?
    9
    0
    UI画了几张svg格式的关键帧,要做svg动画如下图这是其中一张关键帧,要求会动的是那个丝带和几个小球,就是说每张关键帧里有好几个<path>,好几个<circle><path fill-rule="evenodd" clip-rule="evenodd" d="M92.6935 -55.0801C93.6037 -53.8334 93.7177 -52.1869 93.0019 -50.8193C78.341 -22.8104 56.681 36.2162 95.8323 71.5939C142.001 113.313 161.026 135.718 137.72 183.877C136.088 187.248 139.525 191.324 143.156 190.407C159.345 186.319 180.065 184.567 199.79 182.898C203.513 182.583 204.738 187.857 201.209 189.081C110.808 220.439 -6.08264 238.893 -3.7488 148.651C-0.2408 13.0081 49.4031 -45.357 63.8389 -56.5929C64.2391 -56.9043 64.6688 -57.098 65.1592 -57.227L84.3018 -62.2646C85.8938 -62.6835 87.5798 -62.0844 88.5504 -60.7549L92.6935 -55.0801Z" fill="url(#paint2_linear_10948_23062)"/>我这边的做法是把几张关键帧svg的<defs>标签里的内容copy到一张svg里,然后给<path></path>标签内嵌入一个<animate>来指定那个丝带和几个小球如何动(通过把其他几张关键帧的path按次序写在这里),如下:<path ...><animate repeatCount="indefinite" attributeName="d" dur="40s" attributeType="XML" values=" M151.472 -79.911C150.73 -79.2119 149.754 -78.8483 148.836 -78.4056C134.65 -71.5678 74.6952 17.6598 119.494 62.8434C148.784 92.3851 172.257 96.5634 197.491 101.055C226.939 106.297 258.785 111.965 305.07 158.868C339.859 194.121 389.977 203.985 433.441 203.371C438.356 203.302 438.297 194.402 433.501 193.326C404.867 186.898 373.346 174.13 340.978 153.533C273.107 110.344 237.801 103.023 209.113 97.0749C185.041 92.0838 165.628 88.0586 135.545 64.6216C86.5509 26.4517 135.568 -61.5454 148.927 -68.33C149.811 -68.7793 150.771 -69.1147 151.507 -69.7806L195.384 -109.502C197.584 -111.493 196.926 -115.102 194.166 -116.189L193.578 -116.421C192.136 -116.989 190.496 -116.673 189.369 -115.611L151.472 -79.911Z; M118.741 52.5063C120.184 67.2069 121.414 79.7289 133.551 90.8665C164.795 119.538 279.139 148.669 327.244 159.359C347.426 163.844 366.04 168.341 383.239 172.496C437.682 185.649 477.956 195.378 508.962 190.473C512.226 189.957 512.962 185.744 510.238 183.872C498.823 176.026 484.829 166.408 459.544 161.044C446.529 158.283 425.921 154.861 401.203 150.755C308.494 135.358 157.98 110.359 133.548 74.6888C128.404 67.18 126.212 54.0547 123.88 40.0961C120.138 17.6925 116.037 -6.85783 98.802 -13.7789C95.5023 -15.1039 93.4864 -11.175 95.7199 -8.40823C115.119 15.6229 117.073 35.5191 118.741 52.5063ZM84.8844 -20.3791C86.3232 -18.9449 88.6015 -18.7656 90.2178 -19.9964L213.214 -113.654C215.694 -115.542 215.157 -119.416 212.257 -120.558L209.452 -121.663C208.288 -122.122 206.976 -122.009 205.907 -121.358L71.4467 -39.5354C69.0651 -38.0862 68.8589 -34.7053 71.0065 -32.9277C76.1987 -28.6302 80.8011 -24.449 84.8844 -20.3791Z; M105.335 -22.546C107.907 -21.5328 108.703 -18.2782 106.951 -16.1397C87.7218 7.33699 69.833 41.0534 86.7761 62.0924C97.2734 75.1273 135.16 83.2097 180.308 92.8414C256.094 109.009 352.341 129.542 373.853 185.192C375.968 190.664 378.062 195.392 380.141 199.45C381.835 202.757 378.845 206.728 375.415 205.296C364.687 200.818 352.769 193.22 339.118 181.331C270.048 121.18 207.12 108.488 156.606 98.2995C132.091 93.3548 110.5 88.9999 92.5504 80.0959C56.075 62.0018 74.8507 4.59414 89.1788 -2.20969C90.9852 -3.06747 92.9722 -4.24743 93.5381 -6.16538L97.8598 -20.8121C98.5244 -23.0646 100.977 -24.2625 103.162 -23.4018L105.335 -22.546ZM463.447 183.645C462.456 182.971 461.173 182.888 460.124 183.468C453.996 186.855 448.224 191.214 442.727 195.749C441.58 196.696 442.665 198.397 444.013 197.768C450.044 194.954 456.189 192.087 462.662 189.634C465.209 188.669 465.699 185.177 463.447 183.645Z; M115.631 44.6263C120.037 59.1795 124.269 73.1576 138.804 88.3535C166.502 117.311 336.965 150.723 395.409 162.178C398.815 162.846 401.84 163.439 404.434 163.952C446.795 172.331 466.195 180.637 478.643 185.966C492.385 191.849 497.653 194.105 515.988 188.826C518.568 188.083 519.622 185.019 518.097 182.808L505.875 165.09C505.422 164.434 504.785 163.926 504.038 163.644C498.886 161.703 492.759 159.887 485.359 158.317C470.864 155.242 446.344 151.695 416.841 147.428C320.494 133.491 171.003 111.866 143.965 73.8974C135.304 61.7349 129.649 46.8222 124.152 32.3266C115.236 8.81502 106.736 -13.5992 86.5004 -21.4003C83.0173 -22.7431 81.8913 -27.9641 85.004 -30.0246L212.159 -114.195C214.857 -115.981 214.428 -120.066 211.417 -121.252L209.659 -121.944C208.377 -122.449 206.926 -122.259 205.818 -121.441L75.1415 -25.0138C73.0331 -23.458 72.9782 -20.3205 74.9743 -18.623C103.941 6.01004 109.932 25.7994 115.631 44.6263Z; M151.472 -80.0517C150.73 -79.3526 149.754 -78.989 148.836 -78.5462C134.65 -71.7084 74.6952 17.5192 119.494 62.7028C148.784 92.2444 172.257 96.4227 197.491 100.914C226.939 106.156 258.785 111.825 305.07 158.727C339.859 193.98 389.977 203.844 433.441 203.23C438.356 203.161 438.297 194.262 433.501 193.185C404.867 186.757 373.346 173.99 340.978 153.393C273.107 110.203 237.801 102.883 209.113 96.9343C185.041 91.9432 165.628 87.918 135.545 64.481C86.5509 26.3111 135.568 -61.6861 148.927 -68.4706C149.811 -68.9199 150.771 -69.2553 151.507 -69.9212L195.384 -109.643C197.584 -111.634 196.926 -115.242 194.166 -116.33L193.578 -116.561C192.136 -117.129 190.496 -116.814 189.369 -115.751L151.472 -80.0517Z; M151.472 -79.911C150.73 -79.2119 149.754 -78.8483 148.836 -78.4056C134.65 -71.5678 74.6952 17.6598 119.494 62.8434C148.784 92.3851 172.257 96.5634 197.491 101.055C226.939 106.297 258.785 111.965 305.07 158.868C339.859 194.121 389.977 203.985 433.441 203.371C438.356 203.302 438.297 194.402 433.501 193.326C404.867 186.898 373.346 174.13 340.978 153.533C273.107 110.344 237.801 103.023 209.113 97.0749C185.041 92.0838 165.628 88.0586 135.545 64.6216C86.5509 26.4517 135.568 -61.5454 148.927 -68.33C149.811 -68.7793 150.771 -69.1147 151.507 -69.7806L195.384 -109.502C197.584 -111.493 196.926 -115.102 194.166 -116.189L193.578 -116.421C192.136 -116.989 190.496 -116.673 189.369 -115.611L151.472 -79.911Z " ></animate></path>注:上面第一行<path>的attr我这里给省略了values字段就是关键帧,一共有5张,为了头尾衔接,可以看到这里设置的第一行value和最后一行是一样的(M151.472打头的那个)以上,就是我这边的实现,但是最后出来的效果却没有缓动,就是说只是单纯的从一张关键帧切换到另一张,没有过渡动画。请问是几张关键帧svg的关键帧点数不一致导致的吗?如何解决这个问题?贴上整合到一起的svg代码↓<template> <svg width="659" height="157" viewBox="0 0 659 157" fill="none" xmlns="http://www.w3.org/2000/svg" > <!-- 背景颜色 --> <rect x="0.410156" y="0.777344" width="658" height="156" rx="4" fill="#3CB2CE" /> <mask id="mask0_10948_22864" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="659" height="157" > <rect x="0.410156" y="0.777344" width="658" height="156" rx="4" fill="#0068B8" /> </mask> <g mask="url(#mask0_10948_22864)"> <circle cx="181.441" cy="49.2773" r="37.5" fill="url(#paint0_linear_10948_22864)" fill-opacity="0.46" /> <!-- 1 --> <path fill-rule="evenodd" clip-rule="evenodd" d="M39.0575 -62.3388C17.1208 -63.0847 -9.68273 -63.996 -14.4181 -58.0767C-21.5311 -49.1856 -30.4223 70.549 -25.0876 87.1459C-23.4582 92.215 -14.8065 94.1323 -2.91538 94.1645C-0.949635 94.1698 0.69392 92.6571 0.970524 90.711C14.4764 -4.31672 51.9473 -47.3035 63.9783 -56.5601C64.2816 -56.7935 64.607 -56.9411 64.9771 -57.0385C67.3724 -57.6689 68.0067 -60.7623 65.7904 -61.8681C65.7691 -61.8788 65.7479 -61.8893 65.7269 -61.8996C65.2628 -62.1284 64.7434 -62.1926 64.2282 -62.1459C58.9066 -61.6639 49.5374 -61.9825 39.0575 -62.3388Z" fill="url(#paint1_linear_10948_22864)" > <animate repeatCount="indefinite" attributeName="d" dur="40s" attributeType="XML" values=" M39.0575 -62.3388C17.1208 -63.0847 -9.68273 -63.996 -14.4181 -58.0767C-21.5311 -49.1856 -30.4223 70.549 -25.0876 87.1459C-23.4582 92.215 -14.8065 94.1323 -2.91538 94.1645C-0.949635 94.1698 0.69392 92.6571 0.970524 90.711C14.4764 -4.31672 51.9473 -47.3035 63.9783 -56.5601C64.2816 -56.7935 64.607 -56.9411 64.9771 -57.0385C67.3724 -57.6689 68.0067 -60.7623 65.7904 -61.8681C65.7691 -61.8788 65.7479 -61.8893 65.7269 -61.8996C65.2628 -62.1284 64.7434 -62.1926 64.2282 -62.1459C58.9066 -61.6639 49.5374 -61.9825 39.0575 -62.3388Z; M39.0633 -62.7353C17.1266 -63.4811 -9.67687 -64.3925 -14.4123 -58.4732C-21.5252 -49.582 -30.4164 70.1525 -25.0817 86.7494C-23.169 92.7001 -11.5787 94.3074 3.56894 93.6204C4.81564 93.5639 5.9719 92.8972 6.66224 91.8576C43.5148 36.3572 40.9947 -9.50371 39.5435 -35.9125C38.9195 -47.2673 38.4931 -55.0261 41.479 -58.4088C41.9638 -58.958 42.6873 -59.2001 43.417 -59.2663L64.9317 -61.218C65.6826 -61.2861 65.8536 -62.2625 65.1612 -62.561C65.0395 -62.6135 64.9496 -62.6146 64.8177 -62.6003C59.6163 -62.0365 49.9378 -62.3655 39.0633 -62.7353Z; M39.0575 -62.3251C17.1208 -63.071 -9.68273 -63.9823 -14.4181 -58.0631C-21.5311 -49.1719 -30.4223 70.5627 -25.0876 87.1595C-23.4693 92.1942 -14.9236 94.1198 -3.15711 94.1773C-1.29347 94.1864 0.295265 92.8553 0.696005 91.0353C10.2046 47.8495 30.1319 8.09031 46.6567 -5.56081C46.9494 -5.80264 47.2021 -6.07249 47.42 -6.38349L76.7562 -48.2646C77.7767 -49.7214 77.7229 -51.6887 76.538 -53.0153C72.3084 -57.7507 68.3546 -60.5408 65.9434 -61.777C65.3405 -62.0862 64.657 -62.1675 63.9818 -62.1108C58.6204 -61.66 49.3775 -61.9742 39.0575 -62.3251Z; M39.0594 -63.1005C17.1227 -63.8464 -9.68078 -64.7577 -14.4162 -58.8384C-21.5291 -49.9473 -30.4203 69.7873 -25.0856 86.3842C-24.4977 88.2133 -22.1161 87.9134 -20.9549 86.3827C-19.298 84.1984 -17.488 81.9891 -15.5197 79.756C46.7859 9.06773 26.1294 -5.5537 16.4568 -12.4003C13.5724 -14.442 11.6648 -15.7923 13.225 -17.7317C13.9375 -18.6175 15.1773 -18.8039 16.2906 -18.5742L86.8352 -4.01849C87.8427 -3.8106 88.6553 -3.06744 88.9522 -2.08247C89.9136 1.10732 93.9802 0.307545 93.5267 -2.99296C90.9356 -21.8504 87.1239 -37.9765 83.9795 -43.427C77.4532 -54.7392 69.7626 -60.5957 65.9439 -62.5532C65.341 -62.8622 64.659 -62.9429 63.9838 -62.8861C58.6224 -62.4354 49.3795 -62.7496 39.0594 -63.1005Z; M39.0575 -62.4794C17.1208 -63.2253 -9.68273 -64.1366 -14.4181 -58.2173C-21.5311 -49.3262 -30.4223 70.4084 -25.0876 87.0052C-23.4582 92.0744 -14.8065 93.9917 -2.91538 94.0239C-0.949635 94.0292 0.69392 92.5165 0.970524 90.5703C14.4764 -4.45734 51.9473 -47.4441 63.9783 -56.7008C64.2816 -56.9341 64.607 -57.0818 64.9771 -57.1791C67.3724 -57.8095 68.0067 -60.9029 65.7904 -62.0087C65.7691 -62.0194 65.7479 -62.0299 65.7269 -62.0403C65.2628 -62.269 64.7434 -62.3332 64.2282 -62.2866C58.9066 -61.8045 49.5374 -62.1231 39.0575 -62.4794Z; M39.0575 -62.3388C17.1208 -63.0847 -9.68273 -63.996 -14.4181 -58.0767C-21.5311 -49.1856 -30.4223 70.549 -25.0876 87.1459C-23.4582 92.215 -14.8065 94.1323 -2.91538 94.1645C-0.949635 94.1698 0.69392 92.6571 0.970524 90.711C14.4764 -4.31672 51.9473 -47.3035 63.9783 -56.5601C64.2816 -56.7935 64.607 -56.9411 64.9771 -57.0385C67.3724 -57.6689 68.0067 -60.7623 65.7904 -61.8681C65.7691 -61.8788 65.7479 -61.8893 65.7269 -61.8996C65.2628 -62.1284 64.7434 -62.1926 64.2282 -62.1459C58.9066 -61.6639 49.5374 -61.9825 39.0575 -62.3388Z " ></animate> </path> <!-- 2 --> <path fill-rule="evenodd" clip-rule="evenodd" d="M92.6935 -54.9395C93.6037 -53.6927 93.7177 -52.0462 93.0019 -50.6787C78.341 -22.6698 56.681 36.3568 95.8323 71.7346C142.001 113.454 161.026 135.858 137.72 184.017C136.088 187.388 139.525 191.465 143.156 190.548C159.345 186.46 180.065 184.707 199.79 183.039C203.513 182.724 204.738 187.997 201.209 189.221C110.808 220.579 -6.08264 239.033 -3.7488 148.791C-0.2408 13.1487 49.4031 -45.2164 63.8389 -56.4522C64.2391 -56.7637 64.6688 -56.9573 65.1592 -57.0864L84.3018 -62.1239C85.8938 -62.5429 87.5798 -61.9438 88.5504 -60.6143L92.6935 -54.9395Z" fill="url(#paint2_linear_10948_22864)" > <animate repeatCount="indefinite" attributeName="d" dur="40s" attributeType="XML" values=" M92.6935 -54.9395C93.6037 -53.6927 93.7177 -52.0462 93.0019 -50.6787C78.341 -22.6698 56.681 36.3568 95.8323 71.7346C142.001 113.454 161.026 135.858 137.72 184.017C136.088 187.388 139.525 191.465 143.156 190.548C159.345 186.46 180.065 184.707 199.79 183.039C203.513 182.724 204.738 187.997 201.209 189.221C110.808 220.579 -6.08264 239.033 -3.7488 148.791C-0.2408 13.1487 49.4031 -45.2164 63.8389 -56.4522C64.2391 -56.7637 64.6688 -56.9573 65.1592 -57.0864L84.3018 -62.1239C85.8938 -62.5429 87.5798 -61.9438 88.5504 -60.6143L92.6935 -54.9395Z; M39.5433 -35.9123C41.244 -4.9637 44.4128 52.6998 -16.0394 121.285C-86.1152 200.789 43.7153 211.463 131.587 176.854C134.3 175.785 134.888 172.256 132.766 170.256C101.49 140.765 76.4804 105.332 83.1366 71.0117C91.3503 28.6596 76.8185 4.33057 68.0009 -10.4317C63.2905 -18.3176 60.2109 -23.4735 63.1003 -27.1886C63.2495 -27.3803 63.4001 -27.5697 63.5521 -27.7567C64.8624 -29.3687 65.0059 -31.7022 63.6823 -33.3033L44.7152 -56.2452C43.3614 -57.8827 40.8977 -58.0986 40.1589 -56.1064C38.6563 -52.0542 39.034 -45.1815 39.5433 -35.9123Z; M82.5502 -46.1173C74.2517 -35.4478 16.9798 46.2787 66.1776 90.7346C81.7947 104.846 100.643 115.823 118.112 125.996C152.156 145.822 180.96 162.597 170.394 193.578C169.185 197.123 172.711 201.138 176.28 200.004C177.82 199.515 179.371 199.041 180.932 198.579C101.079 227.615 13.306 242.947 -2.14148 167.772C-15.0108 105.144 20.1937 16.2885 46.6625 -5.56722C46.9553 -5.80898 47.2011 -6.07328 47.419 -6.38427L83.7314 -58.2246C85.3049 -60.4709 88.621 -60.5034 90.2382 -58.2883L91.1759 -57.004C92.6791 -54.9449 91.8901 -52.0381 89.6195 -50.8789C86.1672 -49.1165 83.728 -47.503 82.5502 -46.1173Z; M46.52 -12.3368C47.0929 -12.2186 47.6294 -11.9817 48.0927 -11.6244C61.3349 -1.41389 76.4871 20.0208 85.6449 68.4903C90.2313 92.7649 105.771 110.681 126.078 124.311C126.857 124.834 127.438 125.607 127.709 126.506L140.499 168.943C141.078 170.864 140.154 172.92 138.304 173.698C50.5731 210.602 -87.0521 160.912 -15.5201 79.756C46.7855 9.06773 26.1289 -5.5537 16.4563 -12.4003C13.572 -14.442 11.6643 -15.7923 13.2246 -17.7317C13.9371 -18.6174 15.1768 -18.8039 16.2901 -18.5742L46.52 -12.3368Z; M92.6935 -55.0801C93.6037 -53.8334 93.7177 -52.1869 93.0019 -50.8193C78.341 -22.8104 56.681 36.2162 95.8323 71.5939C142.001 113.313 161.026 135.718 137.72 183.877C136.088 187.248 139.525 191.324 143.156 190.407C159.345 186.319 180.065 184.567 199.79 182.898C203.513 182.583 204.738 187.857 201.209 189.081C110.808 220.439 -6.08264 238.893 -3.7488 148.651C-0.2408 13.0081 49.4031 -45.357 63.8389 -56.5929C64.2391 -56.9043 64.6688 -57.098 65.1592 -57.227L84.3018 -62.2646C85.8938 -62.6835 87.5798 -62.0844 88.5504 -60.7549L92.6935 -55.0801Z; M92.6935 -54.9395C93.6037 -53.6927 93.7177 -52.0462 93.0019 -50.6787C78.341 -22.6698 56.681 36.3568 95.8323 71.7346C142.001 113.454 161.026 135.858 137.72 184.017C136.088 187.388 139.525 191.465 143.156 190.548C159.345 186.46 180.065 184.707 199.79 183.039C203.513 182.724 204.738 187.997 201.209 189.221C110.808 220.579 -6.08264 239.033 -3.7488 148.791C-0.2408 13.1487 49.4031 -45.2164 63.8389 -56.4522C64.2391 -56.7637 64.6688 -56.9573 65.1592 -57.0864L84.3018 -62.1239C85.8938 -62.5429 87.5798 -61.9438 88.5504 -60.6143L92.6935 -54.9395Z " ></animate> </path> <!-- 3 --> <path fill-rule="evenodd" clip-rule="evenodd" d="M111.604 -70.9282C115.577 -72.542 119.545 -66.2912 117.051 -62.8023C96.5653 -34.1485 69.4544 26.2896 102.352 62.8422C129.227 92.7034 156.226 97.8237 181.869 102.687C212.218 108.443 240.668 113.838 264.764 159.46C264.922 159.76 265.083 160.058 265.246 160.355C266.321 162.314 265.201 164.426 264.228 166.437C264.206 166.483 264.187 166.528 264.171 166.573C260.162 177.931 231.239 180.377 199.789 183.038C180.064 184.706 159.344 186.459 143.156 190.547C139.525 191.464 136.088 187.387 137.719 184.016C161.025 135.857 142.001 113.452 95.8315 71.7334C46.6337 27.2775 93.4605 -54.5213 101.759 -65.1907C103.3 -67.0037 106.747 -68.9561 111.604 -70.9282Z" fill="url(#paint3_linear_10948_22864)" > <animate repeatCount="indefinite" attributeName="d" dur="40s" attributeType="XML" values=" M111.604 -70.9282C115.577 -72.542 119.545 -66.2912 117.051 -62.8023C96.5653 -34.1485 69.4544 26.2896 102.352 62.8422C129.227 92.7034 156.226 97.8237 181.869 102.687C212.218 108.443 240.668 113.838 264.764 159.46C264.922 159.76 265.083 160.058 265.246 160.355C266.321 162.314 265.201 164.426 264.228 166.437C264.206 166.483 264.187 166.528 264.171 166.573C260.162 177.931 231.239 180.377 199.789 183.038C180.064 184.706 159.344 186.459 143.156 190.547C139.525 191.464 136.088 187.387 137.719 184.016C161.025 135.857 142.001 113.452 95.8315 71.7334C46.6337 27.2775 93.4605 -54.5213 101.759 -65.1907C103.3 -67.0037 106.747 -68.9561 111.604 -70.9282Z; M67.8035 -10.1881C76.2946 4.54227 90.2607 28.7708 83.1372 71.0113C61.3125 200.427 139.551 233.191 180.236 250.23C185.726 252.529 190.532 254.542 194.317 256.467C195.368 257.001 196.592 257.098 197.68 256.643C231.687 242.412 261.374 197.2 272.417 173.447C273.049 172.087 272.331 170.503 270.905 170.039C263.732 167.708 254.114 165.337 243.108 162.624C190.248 149.593 105.352 128.665 105.352 66.3081C105.352 25.594 93.1164 4.28174 81.902 -8.96098C79.6111 -11.6663 81.4423 -15.9689 84.9873 -15.9689H126.145C129.224 -15.9689 131.075 -19.2697 129.106 -21.6369C113.253 -40.6963 79.4549 -48.2154 63.101 -27.1889C60.1734 -23.4249 63.175 -18.2176 67.8035 -10.1881ZM300.883 174.003C300.19 171.955 297.125 170.776 297.08 172.938C297.063 173.717 297.244 174.468 297.559 175.182C298.662 177.68 301.758 176.59 300.883 174.003ZM303.492 182.956C303.257 181.871 302.466 180.98 301.429 180.585C299.172 179.725 295.472 178.348 289.738 176.352C289.495 176.267 289.298 176.561 289.47 176.752C297.747 185.907 306.135 195.186 303.492 182.956Z; M82.552 -46.1178C74.2536 -35.4483 16.9817 46.2783 66.1795 90.7341C81.7966 104.846 100.645 115.823 118.114 125.996C152.158 145.822 180.962 162.596 170.396 193.578C169.187 197.122 172.713 201.138 176.282 200.004C187.422 196.465 199.179 193.699 210.361 191.068C236.571 184.903 259.622 179.48 264.173 166.586C264.904 164.514 264.354 162.149 262.424 161.099C260.638 160.127 258.857 159.166 257.082 158.219C207.692 131.858 167.767 120.015 137.082 110.914C101.306 100.302 78.0923 93.4164 67.0877 71.5895C44.6103 27.0075 81.7774 -21.1915 99.447 -20.6747C99.9734 -20.6593 100.491 -20.6925 100.997 -20.8368L137.286 -31.1734C137.718 -31.2964 138.168 -31.3459 138.616 -31.3196L175.815 -29.1422C179.157 -28.9466 180.693 -33.1139 177.969 -35.0596C147.634 -56.7273 95.9876 -61.9243 82.552 -46.1178Z; M28.3736 -21.1926C41.5219 -17.2508 71.1211 -8.37705 85.6443 68.49C99.153 139.987 225.772 204.139 275.428 229.298C280.968 232.105 285.549 234.426 288.909 236.218C289.95 236.773 291.195 236.863 292.276 236.391C313.257 227.226 300.967 210.9 288.994 194.996C280.808 184.122 272.77 173.445 275.614 165.388C276.711 162.278 283.055 169.295 289.465 176.386C300.94 189.08 312.631 202.012 294.835 157.522C294.292 156.165 293.505 154.788 292.495 153.391C291.925 152.601 291.047 152.099 290.087 151.935C288.116 151.599 286.104 151.257 284.055 150.91C221.196 140.247 123.525 123.679 105.947 64.0038C91.5297 15.0612 73.1741 -11.8042 60.1106 -27.0085C57.5639 -29.9725 60.14 -34.7079 63.9827 -33.9973L82.181 -30.6321C47.7205 -41.7833 10.9428 -42.784 22.1344 -24.1314C22.9159 -22.8288 25.1505 -22.1589 28.3736 -21.1926Z; M111.604 -71.0689C115.577 -72.6826 119.545 -66.4319 117.051 -62.9429C96.5653 -34.2891 69.4544 26.149 102.352 62.7016C129.227 92.5628 156.226 97.6831 181.869 102.546C212.218 108.302 240.668 113.697 264.764 159.319C264.922 159.619 265.083 159.918 265.246 160.214C266.321 162.173 265.201 164.285 264.228 166.297C264.206 166.342 264.187 166.388 264.171 166.432C260.162 177.79 231.239 180.237 199.789 182.897C180.064 184.565 159.344 186.318 143.156 190.406C139.525 191.323 136.088 187.246 137.719 183.875C161.025 135.717 142.001 113.312 95.8315 71.5927C46.6337 27.1369 93.4605 -54.6619 101.759 -65.3313C103.3 -67.1443 106.747 -69.0967 111.604 -71.0689Z; M111.604 -70.9282C115.577 -72.542 119.545 -66.2912 117.051 -62.8023C96.5653 -34.1485 69.4544 26.2896 102.352 62.8422C129.227 92.7034 156.226 97.8237 181.869 102.687C212.218 108.443 240.668 113.838 264.764 159.46C264.922 159.76 265.083 160.058 265.246 160.355C266.321 162.314 265.201 164.426 264.228 166.437C264.206 166.483 264.187 166.528 264.171 166.573C260.162 177.931 231.239 180.377 199.789 183.038C180.064 184.706 159.344 186.459 143.156 190.547C139.525 191.464 136.088 187.387 137.719 184.016C161.025 135.857 142.001 113.452 95.8315 71.7334C46.6337 27.2775 93.4605 -54.5213 101.759 -65.1907C103.3 -67.0037 106.747 -68.9561 111.604 -70.9282Z " ></animate> </path> <!-- 4 --> <path fill-rule="evenodd" clip-rule="evenodd" d="M134.331 -79.911C133.588 -79.2119 132.612 -78.85 131.693 -78.4096C117.65 -71.6832 59.7996 15.5623 102.352 62.8434C129.227 92.7046 156.227 97.825 181.87 102.688C212.219 108.444 240.669 113.839 264.765 159.461C290.649 208.468 374.362 210.817 434.248 203.358C390.599 204.106 340.075 194.339 305.071 158.868C258.786 111.965 226.94 106.297 197.492 101.055C172.258 96.5634 148.785 92.3851 119.495 62.8434C74.6963 17.6598 134.652 -71.5678 148.837 -78.4056C149.755 -78.8483 150.731 -79.2119 151.473 -79.911L181.574 -108.267C183.708 -110.277 183.025 -113.825 180.297 -114.9L176.436 -116.421C174.995 -116.989 173.355 -116.673 172.227 -115.611L134.331 -79.911Z" fill="url(#paint4_linear_10948_22864)" > <animate repeatCount="indefinite" attributeName="d" dur="40s" attributeType="XML" values=" M134.331 -79.911C133.588 -79.2119 132.612 -78.85 131.693 -78.4096C117.65 -71.6832 59.7996 15.5623 102.352 62.8434C129.227 92.7046 156.227 97.825 181.87 102.688C212.219 108.444 240.669 113.839 264.765 159.461C290.649 208.468 374.362 210.817 434.248 203.358C390.599 204.106 340.075 194.339 305.071 158.868C258.786 111.965 226.94 106.297 197.492 101.055C172.258 96.5634 148.785 92.3851 119.495 62.8434C74.6963 17.6598 134.652 -71.5678 148.837 -78.4056C149.755 -78.8483 150.731 -79.2119 151.473 -79.911L181.574 -108.267C183.708 -110.277 183.025 -113.825 180.297 -114.9L176.436 -116.421C174.995 -116.989 173.355 -116.673 172.227 -115.611L134.331 -79.911Z; M118.74 52.5077C120.184 67.2083 121.413 79.7303 133.55 90.868C159.787 114.944 244.616 139.343 299.62 152.876C300.334 153.052 300.971 153.417 301.49 153.939L305.944 158.422C308.052 160.544 307.15 164.134 304.444 165.405C287.812 173.214 304.557 181.521 304.461 181.719C304.4 181.846 297.524 178.691 270.904 170.039C263.731 167.708 254.113 165.337 243.106 162.624C190.247 149.593 105.351 128.665 105.351 66.3083C105.351 25.5941 93.1152 4.28186 81.9009 -8.96086C79.6099 -11.6662 81.4411 -15.9688 84.9861 -15.9688H87.4067C88.5172 -15.9688 89.5894 -15.4985 90.3367 -14.6771C114.782 12.1927 116.93 34.0648 118.74 52.5077Z; M93.9953 -4.49557C93.0965 -3.4524 91.6967 -3.03008 90.3701 -2.66118C75.9449 1.35009 55.0551 61.4943 92.5508 80.0946C110.5 88.9986 132.091 93.3535 156.607 98.2982C207.12 108.487 270.049 121.179 339.118 181.33C367.931 206.422 396.716 213.53 423.441 212.617C424.8 212.571 426.098 213.192 426.891 214.295L439.241 231.479C440.827 233.686 439.792 236.785 437.115 237.252C404.518 242.938 353.993 213.671 303.044 184.158C287.6 175.212 272.117 166.243 257.082 158.219C207.693 131.857 167.767 120.015 137.083 110.913C101.306 100.302 78.0924 93.4162 67.0878 71.5892C44.5245 26.8369 82.0624 -21.5602 99.6488 -20.6669C100.041 -20.6469 100.424 -20.6738 100.802 -20.7814C103.649 -21.5922 105.81 -18.2089 103.878 -15.9665L93.9953 -4.49557Z; M115.632 44.6251C120.038 59.1783 124.269 73.1565 138.804 88.3523C166.503 117.31 336.965 150.722 395.41 162.177C398.815 162.845 401.841 163.438 404.435 163.951C407.445 164.546 410.34 165.142 413.125 165.735C413.474 165.81 413.811 165.931 414.128 166.095L415.81 166.968C418.971 168.607 418.578 173.27 415.197 174.385C404.854 177.795 399.179 179.698 393.459 179.842C382.569 180.117 371.518 174.017 327.801 159.808C318.28 156.714 302.699 154.071 284.055 150.909C221.196 140.246 123.525 123.678 105.947 64.0025C91.53 15.0599 73.1744 -11.8055 60.1108 -27.0099C57.5642 -29.9739 60.1403 -34.7092 63.983 -33.9986L73.5734 -32.2252C77.015 -31.5888 77.9867 -27.1141 75.1705 -25.036C73.0621 -23.4802 72.9788 -20.3216 74.9749 -18.6241C103.941 6.00889 109.932 25.7982 115.632 44.6251Z; M134.331 -80.0517C133.588 -79.3526 132.612 -78.9906 131.693 -78.5502C117.65 -71.8238 59.7996 15.4217 102.352 62.7028C129.227 92.564 156.227 97.6843 181.87 102.548C212.219 108.303 240.669 113.699 264.765 159.32C290.649 208.327 374.362 210.676 434.248 203.218C390.599 203.965 340.075 194.198 305.071 158.727C258.786 111.825 226.94 106.156 197.492 100.914C172.258 96.4227 148.785 92.2444 119.495 62.7028C74.6963 17.5192 134.652 -71.7084 148.837 -78.5462C149.755 -78.989 150.731 -79.3526 151.473 -80.0517L181.574 -108.407C183.708 -110.418 183.025 -113.966 180.297 -115.04L176.436 -116.561C174.995 -117.129 173.355 -116.814 172.227 -115.751L134.331 -80.0517Z; M134.331 -79.911C133.588 -79.2119 132.612 -78.85 131.693 -78.4096C117.65 -71.6832 59.7996 15.5623 102.352 62.8434C129.227 92.7046 156.227 97.825 181.87 102.688C212.219 108.444 240.669 113.839 264.765 159.461C290.649 208.468 374.362 210.817 434.248 203.358C390.599 204.106 340.075 194.339 305.071 158.868C258.786 111.965 226.94 106.297 197.492 101.055C172.258 96.5634 148.785 92.3851 119.495 62.8434C74.6963 17.6598 134.652 -71.5678 148.837 -78.4056C149.755 -78.8483 150.731 -79.2119 151.473 -79.911L181.574 -108.267C183.708 -110.277 183.025 -113.825 180.297 -114.9L176.436 -116.421C174.995 -116.989 173.355 -116.673 172.227 -115.611L134.331 -79.911Z " ></animate> </path> <!-- 5 --> <path fill-rule="evenodd" clip-rule="evenodd" d="M151.472 -79.911C150.73 -79.2119 149.754 -78.8483 148.836 -78.4056C134.65 -71.5678 74.6952 17.6598 119.494 62.8434C148.784 92.3851 172.257 96.5634 197.491 101.055C226.939 106.297 258.785 111.965 305.07 158.868C339.859 194.121 389.977 203.985 433.441 203.371C438.356 203.302 438.297 194.402 433.501 193.326C404.867 186.898 373.346 174.13 340.978 153.533C273.107 110.344 237.801 103.023 209.113 97.0749C185.041 92.0838 165.628 88.0586 135.545 64.6216C86.5509 26.4517 135.568 -61.5454 148.927 -68.33C149.811 -68.7793 150.771 -69.1147 151.507 -69.7806L195.384 -109.502C197.584 -111.493 196.926 -115.102 194.166 -116.189L193.578 -116.421C192.136 -116.989 190.496 -116.673 189.369 -115.611L151.472 -79.911Z" fill="url(#paint5_linear_10948_22864)" > <animate repeatCount="indefinite" attributeName="d" dur="40s" attributeType="XML" values=" M151.472 -79.911C150.73 -79.2119 149.754 -78.8483 148.836 -78.4056C134.65 -71.5678 74.6952 17.6598 119.494 62.8434C148.784 92.3851 172.257 96.5634 197.491 101.055C226.939 106.297 258.785 111.965 305.07 158.868C339.859 194.121 389.977 203.985 433.441 203.371C438.356 203.302 438.297 194.402 433.501 193.326C404.867 186.898 373.346 174.13 340.978 153.533C273.107 110.344 237.801 103.023 209.113 97.0749C185.041 92.0838 165.628 88.0586 135.545 64.6216C86.5509 26.4517 135.568 -61.5454 148.927 -68.33C149.811 -68.7793 150.771 -69.1147 151.507 -69.7806L195.384 -109.502C197.584 -111.493 196.926 -115.102 194.166 -116.189L193.578 -116.421C192.136 -116.989 190.496 -116.673 189.369 -115.611L151.472 -79.911Z; M118.741 52.5063C120.184 67.2069 121.414 79.7289 133.551 90.8665C164.795 119.538 279.139 148.669 327.244 159.359C347.426 163.844 366.04 168.341 383.239 172.496C437.682 185.649 477.956 195.378 508.962 190.473C512.226 189.957 512.962 185.744 510.238 183.872C498.823 176.026 484.829 166.408 459.544 161.044C446.529 158.283 425.921 154.861 401.203 150.755C308.494 135.358 157.98 110.359 133.548 74.6888C128.404 67.18 126.212 54.0547 123.88 40.0961C120.138 17.6925 116.037 -6.85783 98.802 -13.7789C95.5023 -15.1039 93.4864 -11.175 95.7199 -8.40823C115.119 15.6229 117.073 35.5191 118.741 52.5063ZM84.8844 -20.3791C86.3232 -18.9449 88.6015 -18.7656 90.2178 -19.9964L213.214 -113.654C215.694 -115.542 215.157 -119.416 212.257 -120.558L209.452 -121.663C208.288 -122.122 206.976 -122.009 205.907 -121.358L71.4467 -39.5354C69.0651 -38.0862 68.8589 -34.7053 71.0065 -32.9277C76.1987 -28.6302 80.8011 -24.449 84.8844 -20.3791Z; M105.335 -22.546C107.907 -21.5328 108.703 -18.2782 106.951 -16.1397C87.7218 7.33699 69.833 41.0534 86.7761 62.0924C97.2734 75.1273 135.16 83.2097 180.308 92.8414C256.094 109.009 352.341 129.542 373.853 185.192C375.968 190.664 378.062 195.392 380.141 199.45C381.835 202.757 378.845 206.728 375.415 205.296C364.687 200.818 352.769 193.22 339.118 181.331C270.048 121.18 207.12 108.488 156.606 98.2995C132.091 93.3548 110.5 88.9999 92.5504 80.0959C56.075 62.0018 74.8507 4.59414 89.1788 -2.20969C90.9852 -3.06747 92.9722 -4.24743 93.5381 -6.16538L97.8598 -20.8121C98.5244 -23.0646 100.977 -24.2625 103.162 -23.4018L105.335 -22.546ZM463.447 183.645C462.456 182.971 461.173 182.888 460.124 183.468C453.996 186.855 448.224 191.214 442.727 195.749C441.58 196.696 442.665 198.397 444.013 197.768C450.044 194.954 456.189 192.087 462.662 189.634C465.209 188.669 465.699 185.177 463.447 183.645Z; M115.631 44.6263C120.037 59.1795 124.269 73.1576 138.804 88.3535C166.502 117.311 336.965 150.723 395.409 162.178C398.815 162.846 401.84 163.439 404.434 163.952C446.795 172.331 466.195 180.637 478.643 185.966C492.385 191.849 497.653 194.105 515.988 188.826C518.568 188.083 519.622 185.019 518.097 182.808L505.875 165.09C505.422 164.434 504.785 163.926 504.038 163.644C498.886 161.703 492.759 159.887 485.359 158.317C470.864 155.242 446.344 151.695 416.841 147.428C320.494 133.491 171.003 111.866 143.965 73.8974C135.304 61.7349 129.649 46.8222 124.152 32.3266C115.236 8.81502 106.736 -13.5992 86.5004 -21.4003C83.0173 -22.7431 81.8913 -27.9641 85.004 -30.0246L212.159 -114.195C214.857 -115.981 214.428 -120.066 211.417 -121.252L209.659 -121.944C208.377 -122.449 206.926 -122.259 205.818 -121.441L75.1415 -25.0138C73.0331 -23.458 72.9782 -20.3205 74.9743 -18.623C103.941 6.01004 109.932 25.7994 115.631 44.6263Z; M151.472 -80.0517C150.73 -79.3526 149.754 -78.989 148.836 -78.5462C134.65 -71.7084 74.6952 17.5192 119.494 62.7028C148.784 92.2444 172.257 96.4227 197.491 100.914C226.939 106.156 258.785 111.825 305.07 158.727C339.859 193.98 389.977 203.844 433.441 203.23C438.356 203.161 438.297 194.262 433.501 193.185C404.867 186.757 373.346 173.99 340.978 153.393C273.107 110.203 237.801 102.883 209.113 96.9343C185.041 91.9432 165.628 87.918 135.545 64.481C86.5509 26.3111 135.568 -61.6861 148.927 -68.4706C149.811 -68.9199 150.771 -69.2553 151.507 -69.9212L195.384 -109.643C197.584 -111.634 196.926 -115.242 194.166 -116.33L193.578 -116.561C192.136 -117.129 190.496 -116.814 189.369 -115.751L151.472 -80.0517Z; M151.472 -79.911C150.73 -79.2119 149.754 -78.8483 148.836 -78.4056C134.65 -71.5678 74.6952 17.6598 119.494 62.8434C148.784 92.3851 172.257 96.5634 197.491 101.055C226.939 106.297 258.785 111.965 305.07 158.868C339.859 194.121 389.977 203.985 433.441 203.371C438.356 203.302 438.297 194.402 433.501 193.326C404.867 186.898 373.346 174.13 340.978 153.533C273.107 110.344 237.801 103.023 209.113 97.0749C185.041 92.0838 165.628 88.0586 135.545 64.6216C86.5509 26.4517 135.568 -61.5454 148.927 -68.33C149.811 -68.7793 150.771 -69.1147 151.507 -69.7806L195.384 -109.502C197.584 -111.493 196.926 -115.102 194.166 -116.189L193.578 -116.421C192.136 -116.989 190.496 -116.673 189.369 -115.611L151.472 -79.911Z " ></animate> </path> <g filter="url(#filter0_f_10948_22864)"> <circle cx="542.41" cy="-16.2227" r="140" fill="#B3DBFF" fill-opacity="0.2" /> </g> <circle cx="605.4" cy="-32.2227" r="111" fill="url(#paint6_linear_10948_22864)" fill-opacity="0.55" /> <g filter="url(#filter1_f_10948_22864)"> <circle cx="616.41" cy="139.777" r="33" fill="url(#paint7_linear_10948_22864)" fill-opacity="0.93" /> </g> <g filter="url(#filter2_f_10948_22864)"> <circle cx="321.41" cy="111.777" r="23" fill="url(#paint8_linear_10948_22864)" fill-opacity="0.6" /> </g> <g filter="url(#filter3_f_10948_22864)"> <circle cx="370.41" cy="0.777344" r="10" fill="url(#paint9_linear_10948_22864)" fill-opacity="0.61" /> </g> </g> <defs> <filter id="filter0_f_10948_22864" x="281.41" y="-277.223" width="522" height="522" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="60.5" result="effect1_foregroundBlur_10948_22864" /> </filter> <filter id="filter1_f_10948_22864" x="577.41" y="100.777" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_10948_22864" /> </filter> <filter id="filter2_f_10948_22864" x="293.41" y="83.7773" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_10948_22864" /> </filter> <filter id="filter3_f_10948_22864" x="355.41" y="-14.2227" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_10948_22864" /> </filter> <linearGradient id="paint0_linear_10948_22864" x1="214.909" y1="29.2773" x2="157.909" y2="49.7773" gradientUnits="userSpaceOnUse" > <stop stop-color="#58D1E5" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> <stop offset="1" stop-color="#58D1E5" stop-opacity="0" /> </linearGradient> <linearGradient id="paint1_linear_10948_22864" x1="20.4095" y1="-90.2219" x2="-21.1023" y2="105.746" gradientUnits="userSpaceOnUse" > <stop stop-color="#2E759E" /> <stop offset="1" stop-color="#2E759E" stop-opacity="0" /> </linearGradient> <linearGradient id="paint2_linear_10948_22864" x1="37.4094" y1="-5.22192" x2="78.3725" y2="163.924" gradientUnits="userSpaceOnUse" > <stop stop-color="#42A1CC" /> <stop offset="1" stop-color="#42A1CC" stop-opacity="0" /> </linearGradient> <linearGradient id="paint3_linear_10948_22864" x1="79.9087" y1="-5.72315" x2="226.338" y2="173.782" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#55CBF4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint4_linear_10948_22864" x1="90.9094" y1="0.778074" x2="387.585" y2="164.366" gradientUnits="userSpaceOnUse" > <stop stop-color="#41D6EF" /> <stop offset="0.93947" stop-color="#41D6EF" stop-opacity="0" /> </linearGradient> <linearGradient id="paint5_linear_10948_22864" x1="108.408" y1="0.778068" x2="426.035" y2="143.04" gradientUnits="userSpaceOnUse" > <stop stop-color="#58DCE4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint6_linear_10948_22864" x1="536.433" y1="57.9648" x2="640.409" y2="-19.7227" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0.55" /> </linearGradient> <linearGradient id="paint7_linear_10948_22864" x1="587.979" y1="121.5" x2="660.579" y2="167.7" gradientUnits="userSpaceOnUse" > <stop stop-color="#78DDB3" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint8_linear_10948_22864" x1="296.41" y1="111.777" x2="357.91" y2="103.277" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#78DDB3" /> </linearGradient> <linearGradient id="paint9_linear_10948_22864" x1="363.236" y1="-1.17918" x2="392.149" y2="2.51647" gradientUnits="userSpaceOnUse" > <stop stop-color="#6CDDFA" /> <stop offset="1" stop-color="#B092E8" stop-opacity="0.36" /> </linearGradient> <!-- 第2个svg的 defs --> <filter id="filter0_f_11016_23020" x="281.416" y="-277.619" width="522" height="522" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="60.5" result="effect1_foregroundBlur_11016_23020" /> </filter> <filter id="filter1_f_11016_23020" x="531.258" y="100.381" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_11016_23020" /> </filter> <filter id="filter2_f_11016_23020" x="268.301" y="83.3809" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_11016_23020" /> </filter> <filter id="filter3_f_11016_23020" x="355.414" y="0.3125" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_11016_23020" /> </filter> <linearGradient id="paint0_linear_11016_23020" x1="19.6308" y1="-90.6185" x2="-22.5224" y2="105.063" gradientUnits="userSpaceOnUse" > <stop stop-color="#2E759E" /> <stop offset="1" stop-color="#2E759E" stop-opacity="0" /> </linearGradient> <linearGradient id="paint1_linear_11016_23020" x1="-2.20027" y1="-5.47425" x2="38.8259" y2="146.941" gradientUnits="userSpaceOnUse" > <stop stop-color="#42A1CC" /> <stop offset="1" stop-color="#42A1CC" stop-opacity="0" /> </linearGradient> <linearGradient id="paint2_linear_11016_23020" x1="56.4872" y1="43.2364" x2="214.203" y2="247.704" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#55CBF4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint3_linear_11016_23020" x1="109.712" y1="59.8903" x2="280.719" y2="144.867" gradientUnits="userSpaceOnUse" > <stop stop-color="#41D6EF" /> <stop offset="0.93947" stop-color="#41D6EF" stop-opacity="0" /> </linearGradient> <linearGradient id="paint4_linear_11016_23020" x1="76.4898" y1="-6.80948" x2="446.158" y2="216.982" gradientUnits="userSpaceOnUse" > <stop stop-color="#58DCE4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint5_linear_11016_23020" x1="251.567" y1="28.8809" x2="194.567" y2="49.3809" gradientUnits="userSpaceOnUse" > <stop stop-color="#58D1E5" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> <stop offset="1" stop-color="#58D1E5" stop-opacity="0" /> </linearGradient> <linearGradient id="paint6_linear_11016_23020" x1="536.439" y1="75.8945" x2="640.415" y2="-1.79298" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0.55" /> </linearGradient> <linearGradient id="paint7_linear_11016_23020" x1="541.827" y1="121.104" x2="614.427" y2="167.304" gradientUnits="userSpaceOnUse" > <stop stop-color="#78DDB3" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint8_linear_11016_23020" x1="271.301" y1="111.381" x2="332.801" y2="102.881" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#78DDB3" /> </linearGradient> <linearGradient id="paint9_linear_11016_23020" x1="363.24" y1="13.356" x2="392.153" y2="17.0516" gradientUnits="userSpaceOnUse" > <stop stop-color="#6CDDFA" /> <stop offset="1" stop-color="#B092E8" stop-opacity="0.36" /> </linearGradient> <!-- 第3个svg的 defs --> <filter id="filter0_f_10948_22964" x="281.41" y="-277.209" width="522" height="522" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="60.5" result="effect1_foregroundBlur_10948_22964" /> </filter> <filter id="filter1_f_10948_22964" x="577.408" y="100.791" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_10948_22964" /> </filter> <filter id="filter2_f_10948_22964" x="293.41" y="83.791" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_10948_22964" /> </filter> <filter id="filter3_f_10948_22964" x="355.41" y="-14.209" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_10948_22964" /> </filter> <linearGradient id="paint0_linear_10948_22964" x1="25.5914" y1="-90.2081" x2="-12.1125" y2="107.357" gradientUnits="userSpaceOnUse" > <stop stop-color="#2E759E" /> <stop offset="1" stop-color="#2E759E" stop-opacity="0" /> </linearGradient> <linearGradient id="paint1_linear_10948_22964" x1="32.0793" y1="-1.83428" x2="78.7025" y2="167.746" gradientUnits="userSpaceOnUse" > <stop stop-color="#42A1CC" /> <stop offset="1" stop-color="#42A1CC" stop-opacity="0" /> </linearGradient> <linearGradient id="paint2_linear_10948_22964" x1="53.5425" y1="8.57663" x2="190.636" y2="204.161" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#55CBF4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint3_linear_10948_22964" x1="64.3602" y1="73.1787" x2="334.401" y2="276.592" gradientUnits="userSpaceOnUse" > <stop stop-color="#41D6EF" /> <stop offset="0.93947" stop-color="#41D6EF" stop-opacity="0" /> </linearGradient> <linearGradient id="paint4_linear_10948_22964" x1="77.5982" y1="60.4649" x2="368.829" y2="275.028" gradientUnits="userSpaceOnUse" > <stop stop-color="#58DCE4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint5_linear_10948_22964" x1="214.909" y1="29.291" x2="157.909" y2="49.791" gradientUnits="userSpaceOnUse" > <stop stop-color="#58D1E5" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> <stop offset="1" stop-color="#58D1E5" stop-opacity="0" /> </linearGradient> <linearGradient id="paint6_linear_10948_22964" x1="536.433" y1="57.9785" x2="640.409" y2="-19.709" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0.55" /> </linearGradient> <linearGradient id="paint7_linear_10948_22964" x1="587.977" y1="121.514" x2="660.577" y2="167.714" gradientUnits="userSpaceOnUse" > <stop stop-color="#78DDB3" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint8_linear_10948_22964" x1="296.41" y1="111.791" x2="357.91" y2="103.291" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#78DDB3" /> </linearGradient> <linearGradient id="paint9_linear_10948_22964" x1="363.236" y1="-1.16551" x2="392.149" y2="2.53015" gradientUnits="userSpaceOnUse" > <stop stop-color="#6CDDFA" /> <stop offset="1" stop-color="#B092E8" stop-opacity="0.36" /> </linearGradient> <!-- 第4个svg的 defs --> <filter id="filter0_f_11016_23019" x="281.41" y="-277.984" width="522" height="522" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="60.5" result="effect1_foregroundBlur_11016_23019" /> </filter> <filter id="filter1_f_11016_23019" x="531.254" y="100.016" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_11016_23019" /> </filter> <filter id="filter2_f_11016_23019" x="268.297" y="83.0156" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_11016_23019" /> </filter> <filter id="filter3_f_11016_23019" x="355.41" y="-0.0507812" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_11016_23019" /> </filter> <linearGradient id="paint0_linear_11016_23019" x1="33.6671" y1="-89.9815" x2="3.02836" y2="102.394" gradientUnits="userSpaceOnUse" > <stop stop-color="#2E759E" /> <stop offset="1" stop-color="#2E759E" stop-opacity="0" /> </linearGradient> <linearGradient id="paint1_linear_11016_23019" x1="-0.399834" y1="23.4574" x2="26.2374" y2="150.101" gradientUnits="userSpaceOnUse" > <stop stop-color="#42A1CC" /> <stop offset="1" stop-color="#42A1CC" stop-opacity="0" /> </linearGradient> <linearGradient id="paint2_linear_11016_23019" x1="13.6907" y1="38.4224" x2="148.23" y2="258.914" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#55CBF4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint3_linear_11016_23019" x1="104.82" y1="48.0164" x2="325.81" y2="209.008" gradientUnits="userSpaceOnUse" > <stop stop-color="#41D6EF" /> <stop offset="0.93947" stop-color="#41D6EF" stop-opacity="0" /> </linearGradient> <linearGradient id="paint4_linear_11016_23019" x1="80.5335" y1="-6.97613" x2="451.516" y2="218.857" gradientUnits="userSpaceOnUse" > <stop stop-color="#58DCE4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint5_linear_11016_23019" x1="251.563" y1="28.5156" x2="194.563" y2="49.0156" gradientUnits="userSpaceOnUse" > <stop stop-color="#58D1E5" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> <stop offset="1" stop-color="#58D1E5" stop-opacity="0" /> </linearGradient> <linearGradient id="paint6_linear_11016_23019" x1="536.435" y1="75.5293" x2="640.411" y2="-2.15821" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0.55" /> </linearGradient> <linearGradient id="paint7_linear_11016_23019" x1="541.823" y1="120.739" x2="614.423" y2="166.939" gradientUnits="userSpaceOnUse" > <stop stop-color="#78DDB3" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint8_linear_11016_23019" x1="271.297" y1="111.016" x2="332.797" y2="102.516" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#78DDB3" /> </linearGradient> <linearGradient id="paint9_linear_11016_23019" x1="363.236" y1="12.9927" x2="392.149" y2="16.6883" gradientUnits="userSpaceOnUse" > <stop stop-color="#6CDDFA" /> <stop offset="1" stop-color="#B092E8" stop-opacity="0.36" /> </linearGradient> <!-- 第5个svg的 defs --> <filter id="filter0_f_10948_23062" x="281.41" y="-277.363" width="522" height="522" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="60.5" result="effect1_foregroundBlur_10948_23062" /> </filter> <filter id="filter1_f_10948_23062" x="577.41" y="100.637" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_10948_23062" /> </filter> <filter id="filter2_f_10948_23062" x="293.41" y="83.6367" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_10948_23062" /> </filter> <filter id="filter3_f_10948_23062" x="355.41" y="-14.3633" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB" > <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_10948_23062" /> </filter> <linearGradient id="paint0_linear_10948_23062" x1="214.909" y1="29.1367" x2="157.909" y2="49.6367" gradientUnits="userSpaceOnUse" > <stop stop-color="#58D1E5" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> <stop offset="1" stop-color="#58D1E5" stop-opacity="0" /> </linearGradient> <linearGradient id="paint1_linear_10948_23062" x1="20.4095" y1="-90.3625" x2="-21.1023" y2="105.605" gradientUnits="userSpaceOnUse" > <stop stop-color="#2E759E" /> <stop offset="1" stop-color="#2E759E" stop-opacity="0" /> </linearGradient> <linearGradient id="paint2_linear_10948_23062" x1="37.4094" y1="-5.36255" x2="78.3725" y2="163.783" gradientUnits="userSpaceOnUse" > <stop stop-color="#42A1CC" /> <stop offset="1" stop-color="#42A1CC" stop-opacity="0" /> </linearGradient> <linearGradient id="paint3_linear_10948_23062" x1="79.9087" y1="-5.86377" x2="226.338" y2="173.641" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#55CBF4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint4_linear_10948_23062" x1="90.9094" y1="0.637449" x2="387.585" y2="164.225" gradientUnits="userSpaceOnUse" > <stop stop-color="#41D6EF" /> <stop offset="0.93947" stop-color="#41D6EF" stop-opacity="0" /> </linearGradient> <linearGradient id="paint5_linear_10948_23062" x1="108.408" y1="0.637443" x2="426.035" y2="142.899" gradientUnits="userSpaceOnUse" > <stop stop-color="#58DCE4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint6_linear_10948_23062" x1="536.433" y1="57.8242" x2="640.409" y2="-19.8633" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0.55" /> </linearGradient> <linearGradient id="paint7_linear_10948_23062" x1="587.979" y1="121.36" x2="660.579" y2="167.56" gradientUnits="userSpaceOnUse" > <stop stop-color="#78DDB3" /> <stop offset="1" stop-color="#58DCE4" stop-opacity="0" /> </linearGradient> <linearGradient id="paint8_linear_10948_23062" x1="296.41" y1="111.637" x2="357.91" y2="103.137" gradientUnits="userSpaceOnUse" > <stop stop-color="#55CBF4" /> <stop offset="1" stop-color="#78DDB3" /> </linearGradient> <linearGradient id="paint9_linear_10948_23062" x1="363.236" y1="-1.3198" x2="392.149" y2="2.37585" gradientUnits="userSpaceOnUse" > <stop stop-color="#6CDDFA" /> <stop offset="1" stop-color="#B092E8" stop-opacity="0.36" /> </linearGradient> </defs> </svg></template><script>export default { data() { return {}; },};</script>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答