svg实现一个暴利发财小岛效果代码

代码语言:html

所属分类:动画

代码描述:svg实现一个暴利发财小岛效果代码

代码标签: 暴利 发财 小岛 效果

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


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

<head>

  <meta charset="UTF-8">
  

  
<style>
body, html {
  height: 100%;
  margin: 0;
}
svg {
  max-height: 100%;
}

#front_ripple01,
#back_ripple01 {
	transform-origin: 685.796px 443.26px;
	animation-delay: 0s;
}

#front_ripple02,
#back_ripple02 {
	transform-origin: 685.796px 443.26px;
	animation-delay: -2.5s;
}

#front_ripple03,
#back_ripple03 {
	transform-origin: 685.796px 443.26px;
	animation-delay: -5s;
}

#front_ripple04,
#back_ripple04 {
	transform-origin: 685.796px 443.26px;
	animation-delay: -7.5s;
}

#front_ripple01,
#back_ripple01,
#front_ripple02,
#back_ripple02,
#front_ripple03,
#back_ripple03,
#front_ripple04,
#back_ripple04 {
	animation-name: waves;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

#light {
transform-origin: 838.542px 127.164px;
animation-name: lighthouse;
animation-duration: 10s;
animation-time-function: ease-in-out;
animation-iteration-count: infinite;
}

#windmill {
transform-origin: 838.542px 196.936px;
animation-name: windmill-spin;
animation-duration: 5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

#clouds {
transform-origin:704.088px 303.392px;
animation-name: sun-peak;
animation-duration: 15s;
animation-time-function: ease-in-out;
animation-iteration-count: infinite;
}

#sun {
transform-origin:496.94px 189.719px;
animation-name: sun-fade;
animation-duration: 15s;
animation-time-function: ease-in-out;
animation-iteration-count: infinite;
}

#boat {
transform-origin:509.154px 397.683px;
animation-name: boat-bob;
animation-duration: 7s;
animation-time-function: ease-in-out;
animation-iteration-count: infinite;
}

#wind01 {
stroke-dasharray: 310px;
stroke-dashoffset: 310px;
animation-name: draw-wind01;
animation-duration: 6s;
animation-delay: 2s;
animation-time-function: linear;
animation-iteration-count: infinite;
}

#wind02 {
stroke-dasharray: 220px;
stroke-dashoffset: 220px;
animation-name: draw-wind02;
animation-duration: 6s;
animation-time-function: linear;
animation-iteration-count: infinite;
}

#wind03 {
stroke-dasharray: 220px;
stroke-dashoffset: 220px;
animation-name: draw-wind03;
animation-duration: 6s;
animation-delay: 4s;
animation-time-function: linear;
animation-iteration-count: infinite;
}

@keyframes waves {
	0%{
		transform: scale(1);
		opacity: 0;
		}
		25%{
		opacity: 1;
			}
	100%{
			transform: scale(2);
			opacity: 0;
		}
}

@keyframes lighthouse {
	0% {
		transform: scale(1);
	}
	45% {
		transform: scale(2);
	}
	55% {
		transform: scale(2);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes windmill-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes sun-peak {
	0% {
	transform: translate(10px, 10px);
	}
	40% {
	transform: translate(-30px, -30px);
	}
	60% {
	transform: translate(-30px, -30px);
	}
	100% {
	transform: translate(10px, 10px);
	}
}
@keyframes sun-fade {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 0.5;
	}
	60% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

@keyframes boat-bob {
	0% {
		transform: rotate(0deg) translate(0px, 0px);
	}
	25% {
		transform: rotate(2deg) translate(0px, -3px);
	}
	50% {
		transform: rotate(0deg) translate(0px, 0px);
	}
	75% {
		transform: rotate(2deg) translate(0px, -3px);
	}
	100% {
		transform: rotate(0deg) translate(0px, 0px);
	}
}

@keyframes draw-wind01 {
	0% {
	stroke-dashoffset: 310px;
	}
	50% {
	stroke-dashoffset: -310px;
	}
	100%{
	stroke-dashoffset: -310px;
	}
}

@keyframes draw-wind02 {
	0% {
	stroke-dashoffset: 220px;
	}
	50% {
	stroke-dashoffset: -220px;
	}
	100%{
	stroke-dashoffset: -220px;
	}
}

@keyframes draw-wind03 {
	0% {
	stroke-dashoffset: 220px;
	}
	50% {
	stroke-dashoffset: -220px;
	}
	100%{
	stroke-dashoffset: -220px;
	}
}
</style>


</head>

<body>
  <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="windfall_island" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
	 y="0px" viewBox="0 0 1366 768" style="enable-background:new 0 0 1366 768;" xml:space="preserve">
<style type="text/css">

	.st0{fill:#FFF2CF;}
	.st1{fill:#E0FFFF;}
	.st2{fill:#FFFFFF;}
	.st3{fill:none;stroke:#85FFFF;stroke-width:4;stroke-miterlimit:10;}
	.st4{fill:#FFE69F;}
	.st5{fill:#FFCD40;}
	.st6{fill:#FE857A;}
	.st7{fill:#FE5C4E;}
	.st8{fill:#FEADA6;}
	.st9{fill:none;stroke:#FE5C4E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st10{fill:#827B9A;}
	.st11{fill:#D5D3DD;}
	.st12{fill:#594F78;}
	.st13{fill:#ACA7BB;}
	.st14{opacity:0.25;fill:#85FFFF;}
	.st15{fill:#FFD6D3;}
	.st16{fill:none;stroke:#594F78;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st17{fill:none;stroke:#594F78;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st18{fill:none;stroke:#85FFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st19{fill:#85FFFF;}
	.st20{opacity:0.5;}
	.st21{fill:#D5F1E2;}
	.st22{fill:#ACE3C5;}
	.st23{fill:#82D6A8;}
	.st24{fill:#59C88B;}
	.st25{fill:none;stroke:#594F78;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st26{fill:none;stroke:#59C88B;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
	.st27{fill:#C2FFFF;}
	.st28{fill:none;stroke:#85FFFF;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<circle id="sun" class="st0" cx="496.94" cy="189.72" r="96.87"/>
<g id="clouds">
	<path class="st1" d="M967.14,463.09c50.32,0,91.26-40.94,91.26-91.26s-40.94-91.26-91.26-91.26c-5.44,0-10.82,0.48-16.1,1.42
		c-7.61-18.58-23.39-32.97-42.83-38.72c-14.55-39.68-52.42-66.9-96.09-66.9c-20.17,0-39.81,6.02-56.43,16.98
		c-5.85-3.47-12.21-6.05-18.86-7.62c-7.53-24.33-30.23-42.05-57-42.05c-24.8,0-46.11,15.21-55.1,36.79
		c-15.22-19.45-38.83-31.43-64.45-31.43c-26.63,0-50.83,12.63-65.97,33.37c-1.93-0.11-3.85-0.17-5.78-0.17
		c-26.17,0-51.28,10.64-69.55,28.99c-38.4,1.48-69.18,33.18-69.18,71.93c0,28.18,16.47,53.09,40.73,64.83v115.09H967.14z"/>
	<path class="st2" d="M983.66,268.81c0-24.58-19.93-44.5-44.5-44.5c-2.63,0-5.2,0.24-7.7,0.68c-12.61-17.09-32.88-28.18-55.75-28.18
		c-6.29,0-12.37,0.85-18.16,2.42c-7.91-19.9-27.32-33.98-50.04-33.98c-23.5,0-43.47,15.06-50.82,36.06
		c-6.23-2.52-13.03-3.91-20.15-3.91c-3.53,0-6.99,0.35-10.33,1c0.3-1.77,0.46-3.59,0.46-5.45c0-18.11-14.68-32.78-32.78-32.78
		s-32.78,14.68-32.78,32.78c0,2.14,0.21,4.22,0.6,6.25c-2.45-0.48-4.99-0.74-7.58-0.74c-13.19,0-24.86,6.49-32.01,16.44
		c-13.42-14.54-32.63-23.66-53.98-23.66c-36.33,0-66.47,26.39-72.37,61.03c-0.35-0.01-0.71-0.03-1.06-0.03
		c-21.76,0-39.4,17.64-39.4,39.4c0,3.38,0.43,6.67,1.23,9.8c-10.15-7.04-22.46-11.17-35.75-11.17c-34.69,0-62.82,28.13-62.82,62.82
		c0,34.69,28.13,62.82,62.82,62.82h524.16V312.93C966.79,310.08,983.66,291.42,983.66,268.81z"/>
</g>
<path id="back_ripple01" class="st3" d="M195.45,443.26c0-26.78,219.54-48.48,490.35-48.48s490.35,21.71,490.35,48.48"/>
<path id="back_ripple02" class="st3" d="M195.45,443.26c0-26.78,219.54-48.48,490.35-48.48s490.35,21.71,490.35,48.48"/>
<path id="back_ripple03" class="st3" d="M195.45,443.26c0-26.78,219.54-48.48,490.35-48.48s490.35,21.71,490.35,48.48"/>
<path id="back_ripple04" class="st3" d="M195.45,443.26c0-26.78,219.54-48.48,490.35-48.48s490.35,21.71,490.35,48.48"/>
<g id="light">
	<circle id="outer" class="st0" cx="838.54" cy="127.16" r="17.56"/>
	<circle id="middle" class="st4" cx="838.54" cy="127.16" r="12.96"/>
	<circle id="inner" class="st5" cx="838.54" cy="127.16" r="7.32"/>
</g>
<g id="buildings_behind">
	<g>
		<g>
			<polygon class="st6" points="1171.57,331.54 1169.14,256.1 1132.71,248.88 1096.28,256.1 1093.84,331.54 1132.71,334.97 			"/>
			<polygon class="st7" points="1132.71,334.97 1171.57,331.54 1169.14,256.1 1132.71,248.88 			"/>
			<polygon class="st8" points="1168.14,328.05 1165.93,259.26 1132.71,252.68 1099.49,259.26 1097.27,328.05 1132.71,331.17 			"/>
			<polygon class="st6" points="1132.71,331.17 1168.14,328.05 1165.93,259.26 1132.71,252.68 			"/>
			<g>
				<line class="st9" x1="1105.27" y1="291.53" x2="1105.27" y2="254.32"/>
				<line class="st9" x1="1126.99" y1="262.38" x2="1126.99" y2="249.74"/>
				<line class="st9" x1="1144.14" y1="274.96" x2="1144.14" y2="250.95"/>
				<line class="st9" x1="1110.42" y1="277.24" x2="1110.42" y2="253.24"/>
				<line class="st9" x1="1159.57" y1="284.1" x2="1159.57" y2="254.38"/>
			</g>
		</g>
		<g>
			<polygon class="st10" points="1132.71,248.88 1169.14,256.1 1176.15,251.29 1162.13,230.85 1150.92,223.64 1132.71,186.37
				1114.49,223.64 1103.28,230.85 1089.27,251.29 1096.28,256.1 			"/>
			<polygon class="st11" points="1132.71,186.37 1114.49,223.64 1103.28,230.85 1089.27,251.29 1096.28,256.1 1132.71,248.88 			"/>
			<path class="st12" d="M1132.71,242.77c0,0-41.69,8.26-43.34,8.58l6.91,4.74l36.43-7.21l36.43,7.21l6.91-4.74L1132.71,242.77z"/>
			<path class="st10" d="M1132.71,242.77c0,0-41.69,8.26-43.34,8.58l6.91,4.74l36.43-7.21V242.77z"/>
			<path class="st13" d="M1143,229.81c0-5.05-4.61-9.14-10.29-9.14s-10.29,4.09-10.29,9.14H1143z"/>
			<path class="st12" d="M1142.41,229.81c0-3.79-4.34-6.86-9.7-6.86s-9.7,3.07-9.7,6.86H1142.41z"/>
			<polygon class="st14" points="1132.71,186.37 1114.49,223.64 1103.28,230.85 1089.27,251.29 1096.28,256.1 1132.71,248.88 			"/>
		</g>
	</g>
	<g>
		<g>
			<polygon class="st6" points="1134.54,376.91 1131.02,267.85 1078.36,257.43 1025.7,267.85 1022.18,376.91 1078.36,381.87 			"/>
			<polygon class="st7" points="1078.36,381.87 1134.54,376.91 1131.02,267.85 1078.36,257.43 			"/>
			<polygon class="st8" points="1129.58,371.86 1126.37,272.42 1078.36,262.92 1030.34,272.42 1027.14,371.86 1078.36,376.38 			"/>
			<polygon class="st6" points="1078.36,376.38 1129.58,371.86 1126.37,272.42 1078.36,262.92 			"/>
			<g>
				<line class="st9" x1="1038.7" y1="319.08" x2="1038.7" y2="265.28"/>
				<line class="st9" x1="1070.1" y1="276.94" x2="1070.1" y2="258.67"/>
				<line class="st9" x1="1094.88" y1="295.12" x2="1094.88" y2="260.42"/>
				<line class="st9" x1="1046.14" y1="298.42" x2="1046.14" y2="263.72"/>
				<line class="st9" x1="1117.19" y1="308.34" x2="1117.19" y2="265.38"/>
			</g>
		</g>
		<g>
			<polygon class="st10" points="1078.36,257.43 1131.02,267.85 1141.15,260.9 1120.89,231.36 1104.69,220.93 1078.36,167.06
				1052.03,220.93 1035.83,231.36 1015.57,260.9 1025.7,267.85 			"/>
			<polygon class="st11" points="1078.36,167.06 1052.03,220.93 1035.83,231.36 1015.57,260.9 1025.7,267.85 1078.36,257.43 			"/>
			<path class="st12" d="M1078.36,248.6c0,0-60.27,11.93-62.65,12.4l9.99,6.85l52.66-10.43l52.66,10.43l9.99-6.85L1078.36,248.6z"/>
			<path class="st10" d="M1078.36,248.6c0,0-60.27,11.93-62.65,12.4l9.99,6.85l52.66-10.43V248.6z"/>
			<path class="st13" d="M1093.23,229.85c0-7.3-6.66-13.22-14.87-13.22s-14.87,5.92-14.87,13.22H1093.23z"/>
			<path class="st12" d="M1092.38,229.85c0-5.48-6.28-9.91-14.02-9.91s-14.02,4.44-14.02,9.91H1092.38z"/>
			<polygon class="st14" points="1078.36,167.06 1052.03,220.93 1035.83,231.36 1015.57,260.9 1025.7,267.85 1078.36,257.43 			"/>
		</g>
	</g>
	<g>
		<path class="st15" d="M1033.06,304.58v-20.19c0-7.01,5.7-12.71,12.71-12.71c7.01,0,12.71,5.7,12.71,12.71v20.19H1033.06z"/>
		<path class="st12" d="M1036.05,304.58h19.44V284.4c0-5.37-4.35-9.72-9.72-9.72l0,0c-5.37,0-9.72,4.35-9.72,9.72V304.58z"/>
		<polygon class="st13" points="970.04,281.07 1024.51,314.36 1058.48,314.36 1058.48,304.58 1024.51,304.58 970.04,271.29 		"/>
		<polygon class="st13" points="970.04,263.8 1024.51,297.09 1058.48,297.09 1058.48,293.24 1024.51,293.24 970.04,259.95 		"/>
		<polygon class="st10" points="1008.21,314.36 953.73,281.07 970.04,281.07 1024.51,314.36 		"/>
		<g>
			<rect x="970.04" y="263.8" class="st13" width="2.45" height="11.84"/>
			<rect x="978.92" y="268.83" class="st13" width="2.45" height="11.84"/>
			<rect x="987.79" y="273.86" class="st13" width="2.45" height="11.84"/>
			<rect x="996.66" y="278.89" class="st13" width="2.45" height="11.84"/>
			<rect x="1005.54" y="283.91" class="st13" width="2.45" height="11.84"/>
			<rect x="1014.41" y="288.94" class="st13" width="2.45" height="11.84"/>
			<rect x="1023.29" y="293.97" class="st13" width="2.45" height="11.84"/>
			<rect x="1057.25" y="293.97" class="st13" width="2.45" height="11.84"/>
			<rect x="1031.78" y="293.97" class="st13" width="2.45" height="11.84"/>
			<rect x="1040.27" y="293.97" class="st13" width="2.45" height="11.84"/>
			<rect x="1048.76" y="293.97" class="st13" width="2.45" height="11.84"/>
		</g>
	</g>
	<g>
		<g>
			<g>
				<polygon class="st6" points="973.94,339.35 971.17,253.57 929.75,245.37 888.33,253.57 885.56,339.35 929.75,343.25 				"/>
				<polygon class="st7" points="929.75,343.25 973.94,339.35 971.17,253.57 929.75,245.37 				"/>
				<polygon class="st8" points="970.04,335.38 967.52,257.17 929.75,249.69 891.98,257.17 889.46,335.38 929.75,338.93 				"/>
				<polygon class="st6" points="929.75,338.93 970.04,335.38 967.52,257.17 929.75,249.69 				"/>
				<g>
					<line class="st9" x1="898.56" y1="293.86" x2="898.56" y2="251.55"/>
					<line class="st9" x1="923.25" y1="260.72" x2="923.25" y2="246.35"/>
					<line class="st9" x1="942.75" y1="275.02" x2="942.75" y2="247.72"/>
					<line class="st9" x1="904.41" y1="277.62" x2="904.41" y2="250.32"/>
					<line class="st9" x1="960.29" y1="285.41" x2="960.29" y2="251.62"/>
				</g>
			</g>
			<g>
				<polygon class="st10" points="929.75,245.37 971.17,253.57 979.14,248.1 963.21,224.87 950.46,216.66 929.75,174.29
					909.04,216.66 896.29,224.87 880.36,248.1 888.33,253.57 				"/>
				<polygon class="st11" points="929.75,174.29 909.04,216.66 896.29,224.87 880.36,248.1 888.33,253.57 929.75,245.37 				"/>
				<path class="st12" d="M929.75,238.42c0,0-47.41,9.39-49.28,9.76l7.85,5.39l41.42-8.2l41.42,8.2l7.85-5.39L929.75,238.42z"/>
				<path class="st10" d="M929.75,238.42c0,0-47.41,9.39-49.28,9.76l7.85,5.39l41.42-8.2V238.42z"/>
				<path class="st13" d="M941.45,223.68c0-5.74-5.24-10.4-11.7-10.4c-6.46,0-11.7,4.66-11.7,10.4H941.45z"/>
				<path class="st12" d="M940.78,223.68c0-4.31-4.94-7.8-11.03-7.8s-11.03,3.49-11.03,7.8H940.78z"/>
				<polygon class="st14" points="929.75,174.29 909.04,216.66 896.29,224.87 880.36,248.1 888.33,253.57 929.75,245.37 				"/>
			</g>
		</g>
		<g>
			<g>
				<line class="st16" x1="799.67" y1="112.98" x2="799.67" y2="151.86"/>
				<line class="st16" x1="812.62" y1="110.24" x2="812.62" y2="149.12"/>
				<line class="st16" x1="825.58" y1="107.5" x2="825.58" y2="146.38"/>
				<line class="st16" x1="838.54" y1="104.76" x2="838.54" y2="143.64"/>
				<line class="st16" x1="877.42" y1="112.98" x2="877.42" y2="151.86"/>
				<line class="st16" x1="864.46" y1="110.24" x2="864.46" y2="149.12"/>
				<line class="st16" x1="851.5" y1="107.5" x2="851.5" y2="146.38"/>
				<line class="st16" x1="838.54" y1="104.76" x2="838.54" y2="143.64"/>
			</g>
			<g>
				<polygon class="st6" points="882.73,291.5 879.96,157.88 838.54,149.67 797.12,157.88 794.35,291.5 838.54,295.4 				"/>
				<polygon class="st7" points="838.54,295.4 882.73,291.5 879.96,157.88 838.54,149.67 				"/>
				<polygon class="st8" points="878.83,287.53 876.31,161.47 838.54,153.99 800.77,161.47 798.25,287.53 838.54,291.09 				"/>
				<polygon class="st6" points="838.54,291.09 878.83,287.53 876.31,161.47 838.54,153.99 				"/>
				<g>
					<line class="st9" x1="807.35" y1="198.17" x2="807.35" y2="155.85"/>
					<line class="st9" x1="832.04" y1="165.02" x2="832.04" y2="150.65"/>
					<line class="st9" x1="851.54" y1="179.32" x2="851.54" y2="152.03"/>
					<line class="st9" x1="813.2" y1="181.92" x2="813.2" y2="154.63"/>
					<line class="st9" x1="869.08" y1="189.72" x2="869.08" y2="155.93"/>
				</g>
			</g>
			<g>
				<polygon class="st10" points="838.54,104.82 879.96,113.02 887.93,107.55 872,84.31 859.25,76.11 838.54,33.74 817.83,76.11
					805.08,84.31 789.15,107.55 797.12,113.02 				"/>
				<polygon class="st11" points="838.54,33.74 817.83,76.11 805.08,84.31 789.15,107.55 797.12,113.02 838.54,104.82 				"/>
				<path class="st12" d="M838.54,97.87c0,0-47.41,9.39-49.28,9.76l7.85,5.39l41.42-8.2l41.42,8.2l7.85-5.39L838.54,97.87z"/>
				<path class="st10" d="M838.54,97.87c0,0-47.41,9.39-49.28,9.76l7.85,5.39l41.42-8.2V97.87z"/>
				<path class="st13" d="M850.24,83.13c0-5.74-5.24-10.4-11.7-10.4c-6.46,0-11.7,4.66-11.7,10.4H850.24z"/>
				<path class="st12" d="M849.57,83.13c0-4.31-4.94-7.8-11.03-7.8s-11.03,3.49-11.03,7.8H849.57z"/>
				<polygon class="st14" points="838.54,33.74 817.83,76.11 805.08,84.31 789.15,107.55 797.12,113.02 838.54,104.82 				"/>
			</g>
			<g>
				<polygon class="st10" points="838.54,143.69 797.12,151.86 797.12,157.84 838.54,149.67 				"/>
				<polygon class="st12" points="838.54,143.69 879.96,151.86 879.96,157.84 838.54,149.67 				"/>
			</g>
		</g>
		<g>
			<g>
				<polygon class="st6" points="750.47,350.01 747.84,268.45 708.46,260.65 669.07,268.45 666.44,350.01 708.46,353.72 				"/>
				<polygon class="st7" points="708.46,353.72 750.47,350.01 747.84,268.45 708.46,260.65 				"/>
				<polygon class="st8" points="746.77,346.23 744.37,271.86 708.46,264.75 672.54,271.86 670.14,346.23 708.46,349.61 				"/>
				<polygon class="st6" points="708.46,349.61 746.77,346.23 744.37,271.86 708.46,264.75 				"/>
				<g>
					<line class="st9" x1="678.8" y1="306.76" x2="678.8" y2="266.52"/>
					<line class="st9" x1="702.28" y1="275.24" x2="702.28" y2="261.58"/>
					<line class="st9" x1="720.81" y1="288.84" x2="720.81" y2="262.88"/>
					<line class="st9" x1="684.36" y1="291.31" x2="684.36" y2="265.36"/>
					<line class="st9" x1="737.5" y1="298.72" x2="737.5" y2="266.59"/>
				</g>
			</g>
			<g>
				<polygon class="st10" points="708.46,260.65 747.84,268.45 755.42,263.25 740.27,241.15 728.15,233.35 708.46,193.06
					688.76,233.35 676.64,241.15 661.49,263.25 669.07,268.45 				"/>
				<polygon class="st11" points="708.46,193.06 688.76,233.35 676.64,241.15 661.49,263.25 669.07,268.45 708.46,260.65 				"/>
				<path class="st12" d="M708.46,254.04c0,0-45.08,8.93-46.86,9.28l7.47,5.13l39.39-7.8l39.39,7.8l7.47-5.13L708.46,254.04z"/>
				<path class="st10" d="M708.46,254.04c0,0-45.08,8.93-46.86,9.28l7.47,5.13l39.39-7.8V254.04z"/>
				<path class="st13" d="M719.58,240.02c0-5.46-4.98-9.89-11.12-9.89s-11.12,4.43-11.12,9.89H719.58z"/>
				<path class="st12" d="M718.94,240.02c0-4.1-4.7-7.42-10.49-7.42s-10.49,3.32-10.49,7.42H718.94z"/>
				<polygon class="st14" points="708.46,193.06 688.76,233.35 676.64,241.15 661.49,263.25 669.07,268.45 708.46,260.65 				"/>
			</g>
		</g>
		<g>
			<polygon class="st15" points="727.89,295.4 774.48,295.4 794.63,283.44 823.59,283.44 852.55,283.44 872.7,295.4 919.28,295.4
				919.28,286.43 872.7,286.43 852.55,274.47 823.59,274.47 794.63,274.47 774.48,286.43 727.89,286.43 			"/>
			<polygon class="st8" points="727.89,304.38 774.48,304.38 794.63,292.41 823.59,292.41 852.55,292.41 872.7,304.38
				919.28,304.38 919.28,295.4 872.7,295.4 852.55,283.44 823.59,283.44 794.63,283.44 774.48,295.4 727.89,295.4 			"/>
			<g>
				<rect x="872.7" y="304.38" class="st7" width="46.59" height="34.39"/>
				<polygon class="st6" points="852.55,292.41 872.7,304.38 872.7,338.77 852.55,338.77 				"/>
				<rect x="823.59" y="292.41" class="st8" width="28.96" height="46.35"/>
				<rect x="794.63" y="292.41" class="st8" width="28.96" height="46.35"/>
				<polygon class="st6" points="794.63,292.41 774.48,304.38 774.48,338.77 794.63,338.77 				"/>
				<rect x="727.89" y="304.38" class="st7" width="46.59" height="34.39"/>
			</g>
			<polygon class="st7" points="727.89,304.38 774.48,304.38 794.63,292.41 823.59,292.41 852.55,292.41 872.7,304.38
				919.28,304.38 919.28,307.37 872.7,307.37 852.55,295.4 823.59,295.4 794.63,295.4 774.48,307.37 727.89,307.37 			"/>
			<g>
				<path class="st15" d="M811.63,341.76v-23.18c0-7.01,5.7-12.71,12.71-12.71s12.71,5.7,12.71,12.71v23.18H811.63z"/>
				<path class="st12" d="M814.62,338.77h19.44v-20.19c0-5.37-4.35-9.72-9.72-9.72l0,0c-5.37,0-9.72,4.35-9.72,9.72V338.77z"/>
			</g>
		</g>
	</g>
</g>
<g id="windmill">
	<g>
		<g>
			<g>
				<circle class="st17" cx="838.54" cy="196.94" r="57.7"/>
				<circle class="st17" cx="838.54" cy="196.94" r="43.27"/>
				<circle class="st17" cx="838.54" cy="196.94" r="14.42"/>
			</g>
			<g>
				<line class="st17" x1="838.54" y1="196.94" x2="804.64" y2="150.25"/>
				<line class="st17" x1="838.54" y1="196.94" x2="838.56" y2="139.24"/>
				<line class="st17" x1="838.54" y1="196.94" x2="872.47" y2="150.27"/>
				<line class="st17" x1="838.54" y1="196.94" x2="893.42" y2="179.12"/>
				<line class="st17" x1="838.54" y1="196.94" x2="893.41" y2="214.78"/>
				<line class="st17" x1="838.54" y1="196.94" x2="872.44" y2="243.62"/>
				<line class="st17" x1="838.54" y1="196.94" x2="838.53" y2="254.63"/>
				<line class="st17" x1="838.54" y1="196.94" x2="804.62" y2="243.6"/>
				<line class="st17" x1="838.54" y1="196.94" x2="783.66" y2="214.75"/>
				<line class="st17" x1="838.54" y1="196.94" x2="783.67" y2="179.09"/>
			</g>
		</g>
	</g>
	<g>
		<g>
			<path class="st10" d="M838.54,196.94l19.32-59.57c-12.15-3.95-25.61-4.24-38.7,0.03l0,0L838.54,196.94z"/>
			<path class="st13" d="M825.49,140.78c4.29-1,8.67-1.51,13.06-1.51c4.37,0,8.72,0.5,12.98,1.49l-13,40.09L825.49,140.78z"/>
			<path class="st10" d="M838.54,196.94l62.63-0.04c-0.01-6.41-0.99-12.92-3.08-19.35c-2.09-6.43-5.13-12.27-8.9-17.46
				L838.54,196.94z"/>
			<path class="st13" d="M887.92,167.17c2.26,3.75,4.08,7.74,5.44,11.92c1.36,4.18,2.24,8.48,2.62,12.84l-42.14,0.02L887.92,167.17z
				"/>
			<path class="st10" d="M857.93,256.48c13.09-4.26,23.8-12.42,31.3-22.76l-50.68-36.78L857.93,256.48z"/>
			<path class="st13" d="M848,209.95l34.11,24.75c-5.76,6.67-12.92,11.88-21.06,15.32L848,209.95z"/>
			<path class="st10" d="M819.22,256.5l19.32-59.57l-50.64,36.84C795.75,244.58,806.79,252.46,819.22,256.5z"/>
			<path class="st13" d="M816.1,250.03c-8.07-3.43-15.34-8.7-21.08-15.29l34.08-24.79L816.1,250.03z"/>
			<path class="st10" d="M775.92,196.97l62.63-0.04l-50.68-36.78C780.19,170.74,775.9,183.62,775.92,196.97z"/>
			<path class="st13" d="M781.1,192c0.76-8.71,3.53-17.24,8.04-24.77l34.1,24.74L781.1,192z"/>
		</g>
		<g>
			<polyline class="st18" points="893.21,157.17 838.54,196.94 859.4,132.63 			"/>
			<polyline class="st18" points="906.15,196.9 838.54,196.94 893.26,236.64 			"/>
			<polyline class="st18" points="859.47,261.22 838.54,196.94 817.69,261.24 			"/>
			<polyline class="st18" points="770.94,196.97 838.54,196.94 783.87,236.7 			"/>
			<polyline class="st18" points="817.61,132.65 838.54,196.94 783.83,157.23 			"/>
		</g>
	</g>
	<g>
		<circle class="st12" cx="838.54" cy="196.94" r="16.68"/>
		<circle class="st19" cx="838.54" cy="196.94" r="13.2"/>
		<circle class="st1" cx="838.54" cy="196.94" r="10.6"/>
	</g>
</g>
<g id="island">
	<polygon class="st13" points="790.23,461.12 670.23,477.42 543.57,455.93 488.02,413.72 328.03,409.27 235.9,376.18 174.71,377.42
		185.82,415.94 265.07,547.78 383.58,608.34 524.32,639.45 576.17,669.08 669.49,679.45 829.48,734.26 958.37,651.31
		1026.51,623.16 1115.39,512.23 1167.24,447.05 1188.72,400.38 1147.24,413.72 1065.77,407.79 1015.4,430.01 919.11,455.19 	"/>
	<polygon class="st10" points="965.19,636.05 835.4,708.75 659.42,658.81 556.77,647.95 499.74,616.95 338.21,585.16 383.58,608.34
		524.32,639.45 576.17,669.08 669.49,679.45 829.48,734.26 958.37,651.31 1026.51,623.16 1037.24,609.77 	"/>
	<g class="st20">
		<polygon class="st10" points="790.23,470.01 829.48,734.26 919.11,464.08 		"/>
		<polygon class="st10" points="670.23,486.3 672.98,680.65 829.48,734.26 		"/>
		<polygon class="st11" points="542.83,464.08 672.98,680.65 670.23,486.3 		"/>
		<polygon class="st10" points="524.32,639.45 542.83,464.08 576.17,669.08 		"/>
		<polygon class="st11" points="488.02,422.6 524.32,639.45 542.83,464.08 		"/>
		<polygon class="st10" points="328.03,418.16 383.58,608.34 524.32,639.45 		"/>
		<polygon class="st11" points="235.9,385.07 383.58,608.34 328.03,418.16 		"/>
		<polygon class="st11" points="235.9,385.07 177.31,386.31 185.82,415.94 265.07,547.78 208.34,411.65 		"/>
		<polygon class="st12" points="829.48,734.26 919.11,464.08 958.37,651.31 		"/>
		<polygon class="st10" points="919.11,464.08 1015.4,438.9 958.37,651.31 		"/>
		<polygon class="st12" points="1015.4,438.9 958.37,651.31 1026.51,623.16 		"/>
		<polygon class="st10" points="1015.4,438.9 1065.77,416.68 1026.51,623.16 		"/>
		<polygon class="st10" points="1147.24,422.6 1129.58,467.5 1026.51,623.16 1167.24,447.05 1183.92,410.81 		"/>
	</g>
	<polygon class="st21" points="1188.72,400.38 1147.24,413.72 1065.77,407.79 1015.4,430.01 919.11,455.19 790.23,461.12
		670.23,477.42 542.83,455.19 488.02,413.72 328.03,409.27 235.9,376.18 174.71,377.42 177.31,386.31 235.9,385.07 328.03,418.16
		488.02,422.6 542.83,464.08 670.23,486.3 790.23,470.01 919.11,464.08 1015.4,438.9 1065.77,416.68 1147.24,422.6 1183.92,410.81
		"/>
	<polygon class="st13" points="601.35,405.57 579.39,345.18 623.57,338.9 666.53,344.83 760.81,332.57 794.87,332.57 823.56,338.87
		872.21,330.76 973.18,330.76 985.03,335.94 961.33,377.42 927.6,410.24 900.59,442.6 847.26,442.6 818.3,435.16 742.38,401.12
		680.97,391.78 628.76,401.86 	"/>
	<polygon class="st10" points="900.59,432.09 847.26,432.09 818.3,424.65 742.38,390.61 680.97,381.27 628.76,391.35 601.35,395.06
		593.18,383.09 601.35,405.57 628.76,401.86 680.97,391.78 742.38,401.12 818.3,435.16 847.26,442.6 900.59,442.6 927.6,410.24
		961.33,377.42 969.41,363.28 	"/>
	<g class="st20">
		<polygon class="st11" points="776.9,346.52 742.08,401.12 719.86,361.13 		"/>
		<polygon class="st11" points="719.86,361.13 681.34,392.23 635.42,375.94 672.46,381.87 		"/>
		<polygon class="st11" points="583.4,356.18 601.35,405.57 604.31,353.72 		"/>
		<polygon class="st10" points="847.26,442.6 879.96,345.19 899.11,442.6 		"/>
		<polygon class="st10" points="899.11,442.6 945.49,363.17 944.88,345.19 973.18,344.83 979.14,347.07 965.06,370.89 		"/>
		<polygon class="st10" points="823.56,352.24 847.26,442.6 798.62,423.04 		"/>
		<polygon class="st10" points="776.9,346.52 798.62,423.04 742.08,401.12 		"/>
		<polygon class="st10" points="719.86,361.13 708.46,395.96 681.34,392.23 		"/>
		<path class="st10" d="M635.42,375.94c0,0,12.64,21.44,14.81,20.02c2.18-1.42,31.11-3.73,31.11-3.73L635.42,375.94z"/>
	</g>
	<polygon class="st21" points="985.03,343.35 973.18,338.9 882.81,338.9 823.56,346.31 776.9,340.59 719.86,355.2 672.46,375.94
		635.42,370.01 604.31,347.79 579.13,350.76 583.4,356.18 604.31,353.72 635.42,375.94 672.46,381.87 719.86,361.13 776.9,346.52
		823.56,352.24 882.81,344.83 973.18,344.83 979.14,347.07 	"/>
	<polygon class="st22" points="989.48,337.42 973.18,330.76 872.21,330.76 823.56,338.87 794.87,332.57 760.81,332.57
		666.53,344.83 623.57,338.9 579.39,345.18 579.13,350.76 604.31,347.79 635.42,370.01 672.46,375.94 719.86,355.2 776.9,340.59
		823.56,346.31 882.81,338.9 973.18,338.9 985.03,343.35 	"/>
	<polygon class="st22" points="919.11,455.19 1015.4,430.01 1065.77,407.79 1147.24,413.72 1188.72,400.38 1191.29,393.98
		1102.06,393.98 1102.06,370.89 965.06,370.89 927.26,411.49 899.11,442.6 847.26,442.6 742.08,401.12 681.34,392.23 546.54,411.49
		448.77,402.6 358.4,375.94 233.96,365.57 174.71,371.5 174.71,377.42 235.9,376.18 328.03,409.27 488.02,413.72 542.83,455.19
		670.23,477.42 790.23,461.12 	"/>
</g>
<g id="right_building_front">
	<g>
		<polygon class="st6" points="1152.43,398.16 1149.28,300.39 1102.06,291.04 1054.85,300.39 1051.69,398.16 1102.06,402.6 		"/>
		<polygon class="st7" points="1102.06,402.6 1152.43,398.16 1149.28,300.39 1102.06,291.04 		"/>
		<polygon class="st8" points="1147.98,393.63 1145.11,304.49 1102.06,295.96 1059.01,304.49 1056.14,393.63 1102.06,397.68 		"/>
		<polygon class=&quo.........完整代码请登录后点击上方下载按钮下载查看

网友评论0