svg+js实现可爱仙人掌动画效果代码-html代码-BFW代码库

代码语言：html
所属分类：动画
代码描述：svg+js实现可爱仙人掌动画效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
  
  
<style>
svg {
  width: 100vw;
  height: 100vh;
  background: #fcf2e6;
}

body {
  margin: 0;
  overflow: hidden;
  background: #fcf2e6;
}

.a {
  fill: none;
}

.b {
  isolation: isolate;
}

.c {
  fill: #fcf2e6;
}

.ax,
.ay,
.az,
.bb,
.d,
.y {
  fill: #7da72b;
}

.e {
  fill: #e25c99;
}

.f {
  fill: #edcfb2;
}

.g {
  fill: #55822e;
}

.h,
.s {
  fill: #57752a;
}

.i {
  fill: #97b54d;
}

.j {
  fill: #a6154a;
}

.k {
  fill: #e8dc76;
}

.l {
  fill: #1a2617;
}

.m {
  fill: #333a1d;
}

.n,
.p {
  fill: #bdb6ac;
}

.o {
  fill: #8b8175;
}

.ab,
.aw,
.ax,
.ay,
.ba,
.p,
.s,
.y {
  mix-blend-mode: multiply;
}

.aw,
.q {
  fill: #a1ba4e;
}

.av,
.ba,
.r {
  fill: #6a852b;
}

.s {
  opacity: 0.61;
}

.t {
  fill: #6a7b35;
}

.u {
  fill: #88a127;
}

.v {
  fill: #bdd165;
}

.w {
  fill: #010101;
}

.x {
  fill: #111610;
}

.y {
  opacity: 0.54;
}

.z {
  fill: #90b723;
}

.aa,
.ab {
  fill: #d88e42;
}

.ac {
  fill: #deb288;
}

.ad {
  fill: #583a1c;
}

.ae {
  fill: #2c1b10;
}

.af {
  fill: #668830;
}

.ag {
  fill: #e9a2c2;
}

.ah {
  fill: #a5426f;
}

.ai {
  fill: #f1f5dc;
}

.aj {
  fill: #36130d;
}

.ak {
  fill: #ba5523;
}

.al {
  fill: #576f28;
}

.am {
  fill: #345729;
  opacity: 0.64;
}

.an {
  fill: #559432;
  opacity: 0.81;
}

.ao {
  fill: #df1e32;
}

.ap {
  fill: #9f1a27;
}

.aq {
  fill: #fecf07;
}

.ar {
  clip-path: url(#a);
}

.as {
  clip-path: url(#b);
}

.at {
  clip-path: url(#c);
}

.au {
  clip-path: url(#d);
}

.av {
  opacity: 0.51;
}

.ay {
  opacity: 0.71;
}

.az {
  opacity: 0.5;
}

.bb {
  opacity: 0.55;
}

.shrinkingCactus {
  transform-origin: center 80%;
  transform-box: fill-box;
}

.shrinkingCactus .spines * {
  transform-origin: 489px 453px;
}

.spinningEye,
.wow,
.wowEye,
.rotatingFlower,
.hidingCactusLeft {
  transform-origin: center;
  transform-box: fill-box;
}

.wowEye {
  transform-origin: center bottom;
}

.pickle {
  transform-box: fill-box;
  transform-origin: center bottom;
}

.pickle5 {
  transform-origin: right bottom;
}

.pickle7 {
  transform-origin: left bottom;
}

.letter path {
  transform-box: fill-box;
  transform-origin: center;
}

.letter {
  offset-rotate: 0deg;
  opacity: 0;
}

.letter-h {
  offset-path: path("M0,0C-31,5-113.69-27.46-113.69,51.54S-20.33,165.77-65,264.15-305.69,442.54-276.69,514.54s52,103,52,103");
}

.letter-a {
  offset-path: path("M0,0S185,114.11,167,190.11s-231,140-221,220,228,219,332,154,56-219,32-204");
}

.letter-v {
  offset-path: path("M0,0S-221.81-102.89-298.81-53.89-488,51.29-339.41,154.2s497.6-72.09,596.6,41.91-338,393-396,366");
}

.letter-e {
  offset-path: path("M0,0S312.29-98.31,292.29-5.31s-549,156-488,282,493,318,555,292-44-182-136-192S69.68,404.93,66,446.81");
}

.letter-f {
  offset-path: path("M0,0S306.93,61.15,315.93,114.15s-471,216-478,171-307-45-304-5,213,268,242,261");
}

.letter-u {
  offset-path: path("M0,0S-634.38-198.7-449.38,71.3s648,99,710,152-200,373-262,341");
}

.letter-n {
  offset-path: path("M0,0S-655,138.36-593,246.36s338,284,343,214-74-174-137-122");
}

.letter-exc {
  offset-path: path("M0,0S164.92-69.87,189.92,45.13s91,509,21,519-377-199-343-221");
}
</style>


</head>

<body translate="no" >
  <!-- Cacti from https://www.freepik.com/free-vector/enjoyable-cacti-set_853959.htm -->

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 960 700">
  <clipPath id="a">
    <path class="a" d="M45,582.9c3.23,11.48,15.66,75.71,21.47,84s49.9,14.91,69.92,14.91,59.16-3.42,65.71-10.6,25.68-88.27,25.68-88.27Z"/>
  </clipPath>
  <clipPath id="b">
    <path class="a" d="M251.87,534.18c0-11.2-60.69-20.64-106.64-21.64-41.79-.9-105,8.4-115.95,18.62a3.56,3.56,0,0,0-1.42,1.91,2.94,2.94,0,0,0-.23,1.11c-.62,7.31,3.69,52.59,9.55,60.6s52.56,19.1,102.83,19.1c49.05,0,83.52-12.6,90.67-17.53S253.11,554.43,251.87,534.18Z"/>
  </clipPath>
  <clipPath id="c">
    <path class="a" d="M34,535c0,11.74,44.42,31.42,105.73,31.42s106-21.18,106.26-30.94c.21-7.26-59.33-19.59-101.26-20.49S34,526,34,535Z"/>
  </clipPath>
  <clipPath id="d">
    <path class="a" d="M34,535c0,11.74,44.42,31.42,105.73,31.42s106-21.18,106.26-30.94c46.72-1.41,190.28-287.08-99.3-289.5C-30.26,245.55-77.63,476.67,34,535Z"/>
  </clipPath>
  <g class="b">
    <g>
      <rect class="c" width="960" height="700"/>
      <g>
        <g class="letter letter-h"><path class="d" d="M312.18,119.65H294V90.54H273v29.11H254.83V48.26H273V74.72h21V48.26h18.17Z"/></g>
        <g class="letter letter-a"><path class="e" d="M359.41,119.65,356,112.32h-.37a20.85,20.85,0,0,1-7.37,6.55,23,23,0,0,1-9.7,1.75q-7.32,0-11.53-4.68t-4.21-13.19q0-8.84,5.76-13.16t16.71-4.86l8.65-.29v-.78q0-6.84-6.32-6.84-5.67,0-14.42,4.11L328,68.33q9.06-5,22.89-5,10,0,15.44,5.27t5.47,14.75v36.28Zm-13.27-12.5a7.81,7.81,0,0,0,5.56-2.2A7.53,7.53,0,0,0,354,99.24v-4.3l-4.12.19q-8.83.34-8.83,6.94C341.06,105.45,342.75,107.15,346.14,107.15Z"/></g>
        <g class="letter letter-v"><path class="d" d="M397.58,119.65,377.81,64.32h18.67L405.27,97c0,.16.09.44.18.83s.18.85.27,1.39.18,1.11.26,1.71a14.61,14.61,0,0,1,.11,1.68h.32a20.68,20.68,0,0,1,.82-5.51l9.2-32.82h18.63l-19.77,55.33Z"/></g>
        <g class="letter letter-e"><path class="e" d="M466.27,120.62q-12.94,0-20.11-7.35T439,92.35q0-14,6.64-21.51t18.95-7.49q11.71,0,18.1,6.52t6.38,18.77v8.5h-32a9.71,9.71,0,0,0,3.18,7.27q3,2.64,8.17,2.64a37.27,37.27,0,0,0,8.67-1,41.46,41.46,0,0,0,8.58-3.25v13.72a30,30,0,0,1-8.69,3.17A56.15,56.15,0,0,1,466.27,120.62Zm-1-44.28a7.17,7.17,0,0,0-5.29,2.12q-2.13,2.13-2.49,6.67h15.38a10,10,0,0,0-2.13-6.4A6.8,6.8,0,0,0,465.22,76.34Z"/></g>
        <g class="letter letter-f"><path class="d" d="M555.19,78.63h-11v41H526.27v-41H519.4V69.26l7.23-4.69v-.93q0-10.94,4.19-15.72t13.43-4.79a37.27,37.27,0,0,1,6.75.59,50.53,50.53,0,0,1,7.4,2.05l-3.85,12.35a22.64,22.64,0,0,0-6.45-1,3.4,3.4,0,0,0-3,1.34,7.85,7.85,0,0,0-.94,4.37v1.46h11Z"/></g>
        <g class="letter letter-u"><path class="e" d="M599.17,119.65l-2.24-6.89h-1a14.93,14.93,0,0,1-6.25,5.84,20.57,20.57,0,0,1-9.4,2q-8.57,0-13.32-5.29t-4.76-15v-36H580V94.55c0,3.61.48,6.35,1.45,8.2a4.93,4.93,0,0,0,4.73,2.79,6.82,6.82,0,0,0,6.59-3.89q2-3.87,2-13.11V64.32h17.89v55.33Z"/></g>
        <g class="letter letter-n"><path class="d" d="M657.75,119.65V89.47q0-5.52-1.48-8.32a5,5,0,0,0-4.79-2.81,6.83,6.83,0,0,0-6.54,3.86q-2,3.85-2,13.23v24.22H625V64.32h13.5l2.24,6.84h1.06a14.43,14.43,0,0,1,6.34-5.86,21.2,21.2,0,0,1,9.31-1.95q8.6,0,13.39,5.32t4.78,15v36Z"/></g>
        <g class="letter letter-exc"><path class="e" d="M702.83,94.45h-15.1L685.4,48.26h19.77Zm-17.25,17.09a9.33,9.33,0,0,1,2.47-6.91c1.65-1.64,4-2.46,7.19-2.46s5.46.82,7.07,2.46a9.51,9.51,0,0,1,2.4,6.91,9.18,9.18,0,0,1-2.5,6.86,9.5,9.5,0,0,1-7,2.47,9.83,9.83,0,0,1-7.1-2.47A9.06,9.06,0,0,1,685.58,111.54Z"/></g>
      </g>
      <g>
        <path class="f" d="M609.5,341.67c-.18,2.26,11.16,7,16.66,6.54-.9,2.38,1.34,2.08,2.67,2.67s14.87,1,17.85-.59,4.16-4.76,5.35-5.35c4.31.59,33.92-2.34,35.43-4.81.9,4.21,78.89-.88,78.89-8.79,0-9-58.41-11.33-82.21-7.22-20.53,3.55-57.69,11.3-61.55,12.19S609.8,338,609.5,341.67Z"/>
        <g>
          <path class="d" d="M663.14,340.52c12.22-.95,24.42-.07,33-10.13,15.19-17.92,16.38-57.42,13.77-79.65-3.23-27.57-21.06-55.28-50.81-54.07A59,59,0,0,0,612.1,224c-10.26,16.59-8.21,37.38-4.13,55.54C611.68,296,616,317,628.38,329.34,637.52,338.47,650.24,341.54,663.14,340.52Z"/>
          <path class="i" d="M612.1,224c-10.26,16.59-8.21,37.38-4.13,55.54,2.83,12.58,6,27.76,12.88,39.74a5.33,5.33,0,0,0,.9.39c-13.43-41.42-14-83.71,3.75-101.7,2.54-2.57-13.26,19.42-6.26,73.71,6.43-68.84,21.55-84,25.38-85.19,0,0-16,22.5-10.27,65.88-1.28-26.26,15.1-61.77,24-65.81,11.49,2.57,17.06,18.58,20.38,27.76-1.28-17.85-6.1-33.86-19.73-37.62A59,59,0,0,0,612.1,224Z"/>
          <g>
            <g class="open right">
              <path class="l" d="M691.71,286.34c7.7-.14,8.5,16.83-.66,17.33S682.55,286.51,691.71,286.34Z"/>
              <path class="l" d="M691.4,298.51c1.37-.91,3.33.2,4.94-.15,1.91-.41,3.16-1.77,4.82-2.65a.28.28,0,0,1,.38.2c.28,2.4-2.16,4.14-4.19,4.81-1.66.56-5.87,1.09-6.25-1.4A.84.84,0,0,1,691.4,298.51Z"/>
              <path class="l" d="M693.11,293.69c1-.62,2-.36,3-.58s2.09-.8,3.16-1.05a.32.32,0,0,1,.42.37c-.21,1.6-1.62,2.45-3.13,2.83s-3.07.48-3.71-1A.48.48,0,0,1,693.11,293.69Z"/>
            </g>
            <g class="open left">
              <path class="l" d="M630.49,286.34c-7.7-.14-8.5,16.83.66,17.33S639.65,286.51,630.49,286.34Z"/>
              <path class="l" d="M621,297.07a.39.39,0,0,1,.14-.17l.11,0a.56.56,0,0,1,.62,0,17.51,17.51,0,0,0,2.76,1.65,13.44,13.44,0,0,0,3.13.67,1.13,1.13,0,0,1,.9,1.55,1.23,1.23,0,0,1-1.15.79,7.85,7.85,0,0,1-6.59-3.83A.68.68,0,0,1,621,297.07Z"/>
              <path class="l" d="M622.94,293.22a13.45,13.45,0,0,1,1.45,1.27,7.59,7.59,0,0,0,1.82,1.13,2.49,2.49,0,0,1,1.45,1.12.83.83,0,0,1,.05.35c0,.08,0,.15-.05.23a.78.78,0,0,1-.69.52c-1.16.22-2.46-.62-3.31-1.33a4.09,4.09,0,0,1-1.7-2.91C622,293,622.6,293,622.94,293.22Z"/>
            </g>
            <path class="l" d="M656.52,304.92c.57,2.81,2,5.33,5,5.92,3.77.74,5.79-2,5.64-5.47-.07-1.41,2.1-2.83,2.78-1.09,1.76,4.53-2.1,9.49-6.61,10.13a8.89,8.89,0,0,1-10-8.68C653.32,303.83,656.06,302.67,656.52,304.92Z"/>
            <path class="l blink left" d="M630.48,291.88c-3.08.35-5.32,3.47-5.6,6.53a3.72,3.72,0,0,1-.7-.33,10,10,0,0,1-1.39-1.22,1,1,0,0,0-1.58,1.09,4.42,4.42,0,0,0,3.86,2.71,2,2,0,0,0,.07.26c.21.66,1.5,1.2,1.89.4,1.08-2.22.48-5.07,3.18-6.33,3.5-1.64,4.34,3,5.24,5.21.4,1,2.27,1.23,2.25-.14C637.67,296.27,634.83,291.37,630.48,291.88Z"/>
            <path class="l blink right" d="M691.82,291.72c3.08.36,5.32,3.47,5.6,6.53a3.72,3.72,0,0,0,.7-.33,10,10,0,0,0,1.39-1.22,1,1,0,0,1,1.59,1.09,4.44,4.44,0,0,1-3.86,2.71c0,.09,0,.18-.07.27-.22.65-1.51,1.19-1.9.39-1.08-2.22-.48-5.06-3.17-6.33-3.51-1.64-4.34,3-5.24,5.21-.41,1-2.27,1.23-2.26-.14C684.63,296.12,687.48,291.22,691.82,291.72Z"/>
          </g>
          <g>
            <path class="m" d="M664.82,226c1.18-1.9,2.23-4.16,3.8-5.77.57-.57,1.34.08,1.11.78a22,22,0,0,1-2.5,4.61,22.07,22.07,0,0,1,5.58.24c.51.11.68,1,.11,1.15-2.35.64-4.91.49-7.33.56A1,1,0,0,1,664.82,226Z"/>
            <path class="m" d="M657.4,203.54a.72.72,0,0,1,1.16-.72c1.39,1.32,1.75,3.49,1.61,5.49,1.46-1.26,2.93-2.52,4.43-3.74.63-.52,1.51.26.88.86-1.93,1.85-3.93,3.62-5.89,5.44a.79.79,0,0,1-1.35-.72,8.2,8.2,0,0,0,.16-3.62C658.19,205.48,657.67,204.56,657.4,203.54Z"/>
            <path class="m" d="M611.93,273c1.87-.86,4.42-.77,6.44-.83a.78.78,0,0,1,.84,1A14.93,14.93,0,0,1,617.4,277c-.67,1-1.52,2.36-2.71,2.76-.62.22-1-.37-.8-.92.41-1,1.49-1.79,2.09-2.7a12.86,12.86,0,0,0,1.19-2.3c-.73,0-1.46.06-2.19.11a14.16,14.16,0,0,1-3.05.11C611.28,274,611.47,273.21,611.93,273Z"/>
            <path class="m" d="M597.5,259.61c1.22-.3,2.49-.22,3.73-.42a14.24,14.24,0,0,0,2.67-.73,22.83,22.83,0,0,1-5.22-4.58c-.42-.52.35-1.19.85-.77a42.34,42.34,0,0,0,6.56,4.73c.5.28.76,1.17.14,1.5-2.47,1.31-6,2.58-8.78,1.49A.67.67,0,0,1,597.5,259.61Z"/>
            <path class="m" d="M643.21,191.6a11,11,0,0,1,3.81,4.66c.22-.69.44-1.38.67-2.07a13.63,13.63,0,0,1,1.47-3.79c.3-.43,1.06-.44,1.07.21a13.3,13.3,0,0,1-1,3.89q-.66,2.13-1.35,4.26a.84.84,0,0,1-1.6.11c-.93-2.49-2.55-4.17-4-6.3C641.93,192.05,642.67,191.26,643.21,191.6Z"/>
            <path class="m" d="M631.88,205.68a6,6,0,0,1,3.53.88c-.06-.53-.12-1.05-.17-1.57a8.78,8.78,0,0,1,0-3.15.51.51,0,0,1,1-.08,10,10,0,0,1,.4,2.62c.1,1.17.24,2.33.43,3.48a.74.74,0,0,1-1.09.84,14.66,14.66,0,0,0-2.08-1,19.27,19.27,0,0,1-2-.65C631.37,206.81,631.11,205.79,631.88,205.68Z"/>
          </g>
          <g class="rotatingFlower">
            <path class="j" d="M626.05,238.84c.33,10.33,2.21,21.93-3.17,25.17-4.93,3-9.48-17-7.33-25.34-17.84,4.17-27.07.9-27.17-2.5-.17-5.66,13.17-8.5,21.33-8.83-10.66-7.33-20.66-23-16-26.67s21,12,24,18.67c-1.33-7,1-29.17,8-27.33,6.06,1.58,3.34,25,2.67,30.66,6.33-9.16,19.67-19,23.33-13.33s-14.83,18.5-21,18.83c11.34,4.67,23.61,5.46,21.5,12C650.71,244.84,638.88,244,626.05,238.84Z"/>
            <path class="k" d="M620.05,226c4.81-1.89,11.16,4.83,3.33,9S612.38,229,620.05,226Z"/>
          </g>
        </g>
        <path class="n" d="M646.21,342.9c3-3-1.82-17.91-12.57-17.46s-12.47,6.61-16.19,9.95-6.85,4.67-3.38,7.32C620.26,347.44,642.48,346.57,646.21,342.9Z"/>
        <path class="a" d="M646.21,342.9c3-3-1.82-17.91-12.57-17.46s-12.47,6.61-16.19,9.95-6.85,4.67-3.38,7.32C620.26,347.44,642.48,346.57,646.21,342.9Z"/>
        <path class="o" d="M646.21,342.9c1.61-1.57,1-6.48-1.5-10.7-4.05-1.55-6.43-.49-9.3,1.86-2.31,1.89-6.27,7.29-10.06,7.87s-8.06.46-11.28.78C620.26,347.44,642.48,346.57,646.21,342.9Z"/>
        <path class="a" d="M697.55,340.84c3.25-.19,10.5-1.75,9-5s-8-5.75-13-5-7.5,4-7.5,6S693.3,341.09,697.55,340.84Z"/>
        <path class="n" d="M643.05,348.84c2.44-.61,3.5-6.75-3-7s-10.41,5.09-8.66,6.09S640.05,349.59,643.05,348.84Z"/>
        <path class="a" d="M643.05,348.84c2.44-.61,3.5-6.75-3-7s-10.41,5.09-8.66,6.09S640.05,349.59,643.05,348.84Z"/>
        <path class="o" d="M643.05,348.84c1.71-.43,2.73-3.58,1-5.5-1.53,2.25-6.74,5.26-12.61,4.59C633.14,348.93,640.05,349.59,643.05,348.84Z"/>
        <path class="n" d="M697.55,340.84c-4.25.25-11.5-2-11.5-4s2.5-5.25,7.5-6,11.5,1.75,13,5S700.8,340.65,697.55,340.84Z"/>
        <path class="o" d="M703.33,336.18c-2.13,1.19-9.6,4.17-15.64,2.21,0,.06,0,.12-.05.18a21.23,21.23,0,0,0,9.91,2.27c3.25-.19,10.5-1.75,9-5a6.91,6.91,0,0,0-2.63-2.72C704.57,334.23,704.76,335.38,703.33,336.18Z"/>
      </g>
      <g>
        <path class="f" d="M266.66,367.64c0,3.77,12.73,6.54,18.36,6.87-1,3-2.09,5.13.31,7.53s36.27,5.34,45.34,1.6,11.46-11.2,12.8-12.26c1.6,0,23.47,4,36.8-4.8,22,7.33,121,15.19,103.5-16C464.62,316.47,380.08,325,344.53,339.2c-27.39,11-61.07,26.58-65.6,26.84S266.66,365.24,266.66,367.64Z"/>
        <g>
          <path class="n" d="M283.34,371.12c-4.91.29-13.29-2.31-13.29-4.63s2.89-6.06,8.67-6.93,13.29,2,15,5.78S287.1,370.9,283.34,371.12Z"/>
          <path class="p" d="M283.34,371.12c3.76-.22,12.13-2,10.4-5.78a8,8,0,0,0-3-3.14c.74,1.28,1,2.61-.69,3.54-2.46,1.37-11.1,4.81-18.07,2.55a1.72,1.72,0,0,0-.07.21A24.71,24.71,0,0,0,283.34,371.12Z"/>
        </g>
        <g>
          <path class="q" d="M367.42,332c3.41-.25,12.71,5.43,12.28,7.14-.5,1.95-11.84,2.8-13.21,2C362.32,338.8,364.5,333.16,367.42,332Z"/>
          <path class="q" d="M370.38,293.1c3.31-.91,13.52,2.86,13.43,4.62-.1,2-11.06,5-12.56,4.56C366.71,300.79,367.75,294.83,370.38,293.1Z"/>
          <path class="q" d="M370.17,253.92c3.27-1,13.63,2.31,13.61,4.08,0,2-10.85,5.48-12.36,5.06C366.82,261.76,367.62,255.76,370.17,253.92Z"/>
          <path class="q" d="M358.19,218.92c1.34-3.16,10.64-8.83,12-7.66,1.51,1.32-2.91,11.8-4.22,12.67C362,226.57,357.92,222.05,358.19,218.92Z"/>
          <path class="q" d="M323.05,204.42c-.15-3.42,5.82-12.53,7.51-12,1.93.55,2.44,11.91,1.63,13.26C329.72,209.73,324.15,207.38,323.05,204.42Z"/>
          <path class="q" d="M286.15,215.39c-2.31-2.54-3.59-13.35-2-14.07,1.83-.82,9.51,7.57,9.76,9.12C294.67,215.16,288.89,216.94,286.15,215.39Z"/>
          <path class="q" d="M258.06,240.91c-3.17-1.28-9-10.46-7.89-11.81,1.3-1.54,11.86,2.68,12.76,4C265.64,237,261.21,241.12,258.06,240.91Z"/>
          <path class="q" d="M248.18,277.59c-3.19,1.24-13.74-1.44-13.84-3.2-.1-2,10.48-6.17,12-5.84C251,269.56,250.62,275.59,248.18,277.59Z"/>
          <path class="q" d="M257.5,315c-2.71,2.1-13.59,2.53-14.18.87-.67-1.89,8.29-8.9,9.86-9C257.94,306.52,259.26,312.43,257.5,315Z"/>
          <path class="q" d="M278.46,347.81c-2.16,2.66-12.66,5.55-13.61,4.07-1.09-1.69,6-10.55,7.55-11C277,339.42,279.59,344.87,278.46,347.81Z"/>
        </g>
        <path class="r" d="M345.07,365c-49.54,28.11-103.23-50.67-98.14-92.81,3.73-30.94,19.73-56,54.4-65.07s67.74,4.8,69.34,35.2.53,72.54-1.07,83.21S364.8,353.77,345.07,365Z"/>
        <g>
          <path class="s" d="M345.07,365c19.73-11.21,22.93-28.81,24.53-39.47s2.67-52.81,1.07-83.21A36.35,36.35,0,0,0,353.85,213c2.9,8.34,2.69,22.67,2.69,32.9-11.61,20.2,1.4,27,1.4,34.2,0,27.89-6.8,45.41-13.41,59.1.33-6.66,2.54-65.18-8.93-101.45,4.59,60.32,1.52,100.58-13.91,119.37.4-.1.8-.2,1.19-.33,8.83-2.8-9.85,10.49-9.85,10.49s-.94-.41-2.53-1.25a32.44,32.44,0,0,1-4.09,1.6C318.83,372.36,332.09,372.34,345.07,365Z"/>
          <path class="t" d="M273,328.37c10.51,21.89,30.5,33.95,37.54,37.66a32.38,32.38,0,0,0,11.19-8.91C305.09,361.52,289.31,347.42,273,328.37Z"/>
          <path class="t" d="M310.5,366c1.59.84,2.53,1.25,2.53,1.25s18.68-13.29,9.85-10.49c-.39.13-.79.23-1.19.33A32.38,32.38,0,0,1,310.5,366Z"/>
          <path class="u" d="M260.66,266.7c-.39,15.61,5.14,29.31,12.17,40-6.22-33-7.84-57.36-.81-68.72.54,15.15,1.9,26,5.68,34.09-2.43-26-.27-39.23,8.39-48.16,4.76-4.91,29.91-18,46.34-18.83a77.87,77.87,0,0,0-31.1,2c-34.67,9.06-50.67,34.13-54.4,65.07-2.29,18.9,7.27,45.18,23,65.87C260.46,312,252.77,281.1,260.66,266.7Z"/>
        </g>
        <g>
          <g>
            <path class="v" d="M298.86,324.46c-5.94,0-11-4.09-12.71-10.17-1.46-5.33-.2-12.69,7.73-17.........完整代码请登录后点击上方下载按钮下载查看