vue3+svg交互式三维多层科技背景效果代码

代码语言:html

所属分类:背景

代码描述:vue3+svg交互式三维多层科技背景效果代码

代码标签: 多层 科技 背景 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


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

<head>

  <meta charset="UTF-8">

  
  
<style>
body {
  background: url(//repo.bfw.wiki/bfwrepo/image/5fc02c7657770.png) black;
  background-position: cover;
}

#app {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

#contain {
  position: relative;
  height: 100vh;
  width: 60vw;
  margin: 30vh 50px 50px;
  padding: 10px;
  -webkit-perspective: 200px;
          perspective: 200px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.square {
  width: 100%;
  height: 100px;
  text-align: center;
  padding: 50px 0;
  font-size: 30px;
  position: absolute;
}
.square svg {
  width: 500px;
  height: 350px;
}

.square1 {
  -webkit-transform: translateY(0px) rotateX(45deg);
          transform: translateY(0px) rotateX(45deg);
}

.square2 {
  -webkit-transform: translateY(50px) rotateX(45deg);
          transform: translateY(50px) rotateX(45deg);
}

.square3 {
  -webkit-transform: translateY(-50px) rotateX(45deg);
          transform: translateY(-50px) rotateX(45deg);
}
</style>




</head>

<body>
  <div id="app">
  <div @mousemove="coords">
    <div id="contain" :style="{ perspectiveOrigin: `${x}% ${y}%` }">
    <div class="square square2">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 419.9 421.9" preserveAspectRatio="none">
  <title>
    circ3
  </title>
  <path d="M299.8,119.5a180.2,180.2,0,0,0-124.1,49.3l1.8,1.9a177.6,177.6,0,0,1,122.3-48.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M118.4,179l2.2,1.4A216.1,216.1,0,0,1,349.9,90.6l.6-2.5a218.7,218.7,0,0,0-232.1,91Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M299.8,370.5A70.2,70.2,0,0,0,369.3,310H349.4l16.9,2.8a67.6,67.6,0,0,1-132.9,0l16.9-2.8H230.4A70.2,70.2,0,0,0,299.8,370.5Z" transform="translate(-96.2 -82.1)" fill="#f39124"/>
  <path d="M240.8,318.6a61.8,61.8,0,0,0,118.1,0l-1.7-.3a60.1,60.1,0,0,1-114.8,0Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M230.4,290.9h19.9l-16.9-2.8a67.6,67.6,0,0,1,132.9,0l-16.9,2.8h19.9a70.1,70.1,0,0,0-138.9,0Z" transform="translate(-96.2 -82.1)" fill="#f39124"/>
  <path d="M358.9,282.3a61.8,61.8,0,0,0-118.1,0l1.7.3a60.1,60.1,0,0,1,114.8,0Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M516.2,344.7l-44.5-9.1c-.5,2.3-1,4.5-1.5,6.7l44.1,10.9Q515.3,349,516.2,344.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M504.5,340.8a211,211,0,0,0,3.9-40.3c0-2.1,0-4.1-.1-6.2l-20.8.6c.1,1.9.1,3.7.1,5.6a187.9,187.9,0,0,1-3.5,36.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M140.5,288l23.3,1.8c.1-.8.1-1.7.2-2.5l-23.3-2.3C140.7,286,140.6,287,140.5,288Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M142.7,271.4l23,4.2.5-2.4-22.9-4.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M141.1,282.4l23.2,2.6c.1-.8.2-1.6.3-2.5l-23.2-3.1C141.3,280.5,141.2,281.4,141.1,282.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M140.1,299.1l23.4.2c0-.8,0-1.7,0-2.5l-23.4-.6C140.1,297.2,140.1,298.1,140.1,299.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M140.2,307.3c0,1,.1,1.9.2,2.9l23.3-1.4c0-.8-.1-1.6-.1-2.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M426.7,250.4l.9,2.3,21.9-8.2-1-2.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M424.9,246l1,2.3,21.6-8.9-1.1-2.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M428.4,254.9l.8,2.4,22.2-7.4-1-2.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M431.3,263.9l.6,2.4,22.6-5.8-.8-2.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M429.9,259.4l.7,2.4,22.4-6.6-.8-2.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M432.5,268.5l.6,2.4,22.8-5-.7-2.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M418.5,233.2l1.2,2.2,20.5-11.1-1.4-2.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M420.8,237.4l1.1,2.2,20.9-10.4-1.3-2.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M400.4,392.5l-5,5.2,16.4,16.7q3-3,5.9-6.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M204.3,397.7l-1.8-1.8-16.7,16.4,2.1,2.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M395.4,203.2l1.8,1.8,16.7-16.4-2.1-2.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M433.5,273.2l.5,2.4,23-4.2-.6-2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M413.5,225.1l1.4,2.1,19.7-12.5-1.6-2.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M436,292.1c.1.8.1,1.7.1,2.5l23.3-1c0-1-.1-1.9-.2-2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M434.4,277.9l.4,2.5,23.1-3.4-.5-2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M435.1,282.6l.3,2.5,23.2-2.6-.3-2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M435.6,287.3l.2,2.5,23.3-1.8c-.1-1-.2-1.9-.3-2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M416.1,229.1l1.3,2.1,20.1-11.8-1.5-2.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M352,174.4l2.3,1,9.3-21.4-2.7-1.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M347.6,172.6l2.3.9,8.6-21.7-2.7-1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M410.8,221.2l1.4,2L431.5,210l-1.7-2.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M360.6,178.4q5.4,2.7,10.5,5.8l12.2-19.9q-6-3.7-12.3-6.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M356.3,176.3l2.3,1.1,10.1-21.1L366,155Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M301.2,140.7,301,164a136.1,136.1,0,0,1,30.8,3.8l5.5-22.7A159.7,159.7,0,0,0,301.2,140.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M373.1,185.4l2.1,1.4L388,167.3l-2.4-1.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M339.8,145.7l-5.8,22.6,2.4.7,6.3-22.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M338.5,169.6l2.4.7,7-22.3-2.8-.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M343.1,171.1l2.4.8,7.8-22-2.8-1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M401.9,210.1l1.6,1.9,17.8-15.2-1.9-2.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M405,213.7l1.6,1.9,18.3-14.5-1.8-2.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M398.7,206.5l1.7,1.8,17.2-15.8-2-2.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M408,217.4l1.5,2,18.8-13.9-1.8-2.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M380.9,190.8l2,1.5,14.2-18.5-2.3-1.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M377,188l2,1.4,13.6-19-2.4-1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M391.9,199.9l1.8,1.7,16.1-16.9-2.1-2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M384.7,193.7l1.9,1.6,14.9-18-2.3-1.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M388.3,196.7l1.9,1.6,15.5-17.5-2.2-1.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M397.1,427.1l-14.2-18.5-2,1.5,13.9,18.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M392.6,430.4l-13.6-19-2,1.4,13.2,19.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M373.6,442.1l-10.8-20.7-2.2,1.1L371,443.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M380.8,438.1l2.5-1.5-12.2-19.9L369,418Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M378.5,439.4,367,419.1l-2.2,1.2L376,440.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M375.1,414.1l-2.1,1.4,12.5,19.7,2.4-1.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M409.8,416.2l-16.1-16.9-1.8,1.7,15.8,17.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M421.3,404.1l-17.8-15.2-1.6,1.9,17.5,15.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M405.7,420l-15.5-17.5-1.9,1.6,15.2,17.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M384.7,407.2l14.5,18.3,2.3-1.8-14.9-18Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M424.8,399.8l-18.3-14.5-1.6,1.9,18,14.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M368.6,444.6l-10.1-21.1-2.3,1.1,9.7,21.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M342.6,454.4l-6.3-22.5-2.4.7,5.8,22.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M331.7,457l-4.7-22.9-2.4.5,4.2,23Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M326.2,458l-3.9-23-2.5.4,3.4,23.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M337.2,455.8l-5.5-22.7-2.4.6,5.1,22.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M360.9,448.1l2.7-1.1-9.3-21.4-2.3,1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M347.9,452.8l-7-22.3-2.4.7,6.6,22.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M349.9,427.3l-2.3.9,8.2,21.9,2.7-1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M317.8,459.2l2.9-.3-3.1-23.2-2.5.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M353.2,451l-7.8-22-2.4.8,7.4,22.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M408,383.5l18.5,14.2,1.8-2.3-18.8-13.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M437.5,381.5l-20.1-11.8-1.3,2.1L436,384Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M434.6,386.2l-19.7-12.5-1.4,2.1L433,388.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M412.2,377.6l-1.4,2,19,13.6,1.7-2.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M303.4,436.8H301l.2,23.4h2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M182.3,369.6l-20.1,11.8,1.5,2.5,19.9-12.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M186.1,375.7l-1.4-2.1-19.7,12.5,1.6,2.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M178.9,363.4l-1.1-2.2-20.9,10.4,1.3,2.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M188.8,379.7l-1.4-2-19.3,13.2,1.7,2.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M176.7,359.2l-1.1-2.3-21.3,9.7,1.2,2.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M181.2,367.6l-1.2-2.2-20.5,11.1,1.4,2.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M207.8,401l-1.8-1.7-16.1,16.9,2.1,2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M201,394.3l-1.7-1.8L182,408.3l2,2.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M191.7,383.5l-1.5-2-18.8,13.9,1.8,2.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M193.1,385.3l-18.3,14.5,1.8,2.3,18-14.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M197.7,390.8l-1.6-1.9-17.8,15.2,1.9,2.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M166.2,327.7l-.5-2.4-23,4.2.5,2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M167.2,332.3l-.6-2.4-22.8,5,.7,2.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M174.8,354.9l-1-2.3-21.6,8.9,1.1,2.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M164.6,318.3l-.3-2.5-23.2,2.6.3,2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M171.3,346l-.8-2.3-22.2,7.4,1,2.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M172.9,350.5l-.9-2.3-21.9,8.2,1,2.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M169.7,341.5l-.7-2.4-22.4,6.6.8,2.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M223.6,440.8l11.1-20.5-2.2-1.2-11.5,20.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M263.3,431.9l-6.3,22.5,2.8.8,5.8-22.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M284.4,436l-2.5-.3-3.1,23.2,2.9.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M270.3,433.6l-2.4-.6-5.5,22.7,2.8.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M287.3,459.7l1.8-23.3-2.5-.2-2.3,23.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M270.8,457.5l4.2-23-2.4-.5L267.9,457Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M276.3,458.5l3.4-23.1-2.5-.4-3.9,23Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M292.9,460l1-23.3h-2.5L290,459.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M306.7,460.1l2.9-.2-1.4-23.3h-2.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M298.7,436.8h-2.5l-.6,23.4h2.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M256.6,429.8l-2.3-.8-7.8,22,2.8,1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M218.8,438.1,230.7,418l-2.1-1.3-12.2,19.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M312.3,459.7l2.9-.3-2.2-23.3-2.5.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M214.1,435.2l12.5-19.7-2.1-1.4-12.9,19.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M228.6,443.4,239,422.5l-2.2-1.1L226,442.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M238.7,448.1l8.9-21.6-2.3-1-9.3,21.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M252.1,428.2l-2.3-.9-8.6,21.7,2.7,1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M194,420a161.7,161.7,0,0,0,15.4,12.1l13.2-19.3a137.9,137.9,0,0,1-13.2-10.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M254.5,453.6l6.6-22.4-2.4-.7-7,22.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M233.6,445.8l9.7-21.3-2.3-1.1L231,444.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M235.8,188.5l.9,1.5.8-.4-.8-1.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M235.5,190.6l-.9-1.5-.8.5.9,1.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M231.7,193l-.9-1.5-.7.5.9,1.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M239.4,188.4l-.8-1.5-.8.4.8,1.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M232.9,192.2l.7-.5-.9-1.5-.7.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M229.2,194.6l.7-.5-1-1.4-.7.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M244.6,185.8l.8-.4-.7-1.6-.8.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M209.3,211.1l-1.2-1.2-.6.6,1.2,1.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M246.6,184.9l.8-.4-.7-1.6-.8.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M243.4,186.4l-.8-1.6-.8.4.8,1.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M228,195.4l-1-1.4-.7.5,1,1.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M214.1,206.4l-1.2-1.3-.7.6,1.2,1.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M215.8,205l-1.1-1.3-.7.6,1.2,1.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M248.6,183.9l.8-.3-.7-1.6-.8.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M212.5,208l-1.2-1.3-.6.6,1.2,1.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M210.9,209.5l-1.2-1.2-.6.6,1.2,1.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M217.5,203.5l-1.1-1.3-.7.6,1.1,1.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M219.2,202.1l-1.1-1.3-.7.6,1.1,1.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M225.5,197.2l.7-.5-1-1.4-.7.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M223.7,198.5l.7-.5-1-1.4-.7.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M222.6,199.3l-1-1.4-.7.5,1.1,1.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M220.9,200.7l-1.1-1.4-.7.6,1.1,1.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M239.8,186.3l.8,1.5.8-.4-.8-1.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M280.6,174.6h.9l-.2-1.7h-.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M274,175.8l.9-.2-.3-1.7-.9.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M276.2,175.4l.9-.2-.3-1.7-.9.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M278.4,175h.9l-.3-1.7h-.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M285,174h.9l-.2-1.7h-.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M282.8,174.3h.9l-.2-1.7h-.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M294.7,173.3v-1.7h-.9v1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M291.6,173.4h.9v-1.7h-.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M287.2,173.8h.9l-.2-1.7H287Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M254.8,181.4l.8-.3-.6-1.6-.8.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M257.7,180.3l-.6-1.6-.8.3.6,1.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M271.4,174.6l.4,1.7.8-.2-.4-1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M253.5,181.9l-.6-1.6-.8.3.6,1.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M250.7,183.1l.8-.3-.7-1.6-.8.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M261.9,178.9l-.5-1.7-.8.3.5,1.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M259,179.9l.8-.3-.5-1.6-.8.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M270.5,176.6l-.4-1.7-.9.2.4,1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M267,175.7l.4,1.7.8-.2-.4-1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M263.2,178.5l.8-.3-.5-1.7-.8.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M266.2,177.7l-.5-1.7-.9.2.5,1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M197.7,224.5l-1.4-1-.5.7,1.4,1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M176.7,268.3l-1.7-.4-.2.9,1.7.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M176.1,270.4l-1.7-.4-.2.9,1.7.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M177.3,266.1l-1.7-.5-.2.9,1.7.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M175.2,274.7l-1.7-.3-.2.9,1.7.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M175.6,272.6l-1.7-.4-.2.9,1.7.4Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M180,257.7l-1.6-.6-.3.8,1.6.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M172.9,277.5l1.7.3.2-.9-1.7-.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M180.7,255.6l-1.6-.6-.3.8,1.6.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M178.5,261.9l-1.6-.5-.3.8,1.6.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M181.5,253.5l-1.6-.6-.3.8,1.6.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M179.2,259.8l-1.6-.6-.3.8,1.6.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M177.9,264l-1.7-.5-.3.8,1.7.5Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M171,293.1h1.7v-.9h-1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M170.9,295.3h1.7v-.9H171Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M170.9,297.6h1.7c0-.3,0-.6,0-.9h-1.7C170.9,297,170.9,297.3,170.9,297.6Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M171.2,290.9h1.7v-.9h-1.7Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M207.8,212.6l-1.3-1.2-.6.6,1.3,1.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M171.9,284.1l1.7.2v-.9l-1.7-.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M172.5,279.7l1.7.3v-.9l-1.7-.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M172.2,281.9l1.7.2v-.9l-1.7-.3Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M171.4,288.6l1.7.2v-.9l-1.7-.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M171.6,286.4l1.7.2v-.9l-1.7-.2Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M170.8,299.8h1.7c0-.3,0-.6,0-.9h-1.7C170.8,299.3,170.8,299.5,170.8,299.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M193.9,230l-1.4-1-.5.7,1.4.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M296.1,173.2h.9v-1.7H296Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M196.4,226.3l-1.4-1-.5.7,1.4,1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M195.2,228.1l-1.4-1-.5.7,1.4,1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M200.5,221l-1.3-1.1-.6.7,1.4,1.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M199.1,222.8l-1.4-1.1-.5.7,1.4,1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M201.9,219.3l-1.3-1.1-.6.7,1.3,1.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M204.8,215.9l-1.3-1.2-.6.7,1.3,1.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M170.8,301.2c0,.3,0,.6,0,.9h1.7v-.9Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M203.3,217.6l-1.3-1.1-.6.7,1.3,1.1Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M188.1,239.5l-1.5-.8-.4.8,1.5.8Z" transform="translate(-96.2 -82.1)" fill="#14becd"/>
  <path d="M186.1,243.4l-1.5-..........完整代码请登录后点击上方下载按钮下载查看

网友评论0