css+js实现世界各地城市时区时钟走动效果代码
代码语言：html
所属分类：其他
代码描述：css+js实现世界各地城市时区时钟走动效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
@import url("https://fonts.googleapis.com/css2?family=Azeret+Mono&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
min-height: 100vh;
padding: 2rem;
background-image: linear-gradient(
to bottom right,
rgb(8, 8, 202),
rgb(2, 2, 66)
);
font-family: "Azeret Mono", monospace;
display: grid;
place-items: center;
}
.svg-map {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
display: grid;
place-items: center;
overflow: hidden;
z-index: -1;
}
#worldmap {
min-height: 90vh;
}
#worldmap circle {
fill: rgba(4, 7, 49, 0.35);
r: 0.4px;
}
#worldmap circle.active {
fill: rgba(144, 173, 197, 0.35);
}
.clocks-container {
display: flex;
flex-direction: column;
gap: 2rem;
}
.clocks-container .user-clock {
display: flex;
justify-content: center;
}
.clocks-container .world-clocks {
display: flex;
gap: 2rem;
flex-wrap: wrap;
justify-content: center;
}
.clock {
display: grid;
gap: 0.5rem;
}
.clock > .analogue {
width: 10rem;
aspect-ratio: 1/1;
display: grid;
place-items: center;
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 2px solid rgba(255, 255, 255);
border-radius: 50%;
position: relative;
}
.clock > .analogue::after {
content: "";
position: absolute;
width: 5%;
aspect-ratio: 1/1;
border-radius: 50%;
background-color: white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.clock > .analogue > .handle {
grid-row: 1;
grid-column: 1;
height: 100%;
position: relative;
}
.clock > .analogue > .handle-second {
transform: rotate(var(--seconds-degree));
width: 2%;
--handleLength: 48%;
--handleColor: rgb(255, 255, 255);
}
.clock > .analogue > .handle-minute {
transform: rotate(var(--minutes-degree));
width: 3%;
--handleLength: 42%;
--handleColor: rgb(255, 0, 0);
}
.clock > .analogue > .handle-hour {
transform: rotate(var(--hours-degree));
width: 5%;
--handleLength: 28%;
--handleColor: rgb(161, 14, 14);
}
.clock > .analogue > .handle::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: var(--handleLength);
left: 0;
top: calc(55% - var(--handleLength));
background: var(--handleColor);
border-radius: 1in;
box-shadow: 1px 1px 5px black;
}
.location {
color: white;
text-align: center;
background: rgba(61, 61, 207, 0.5);
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
}
.digital {
color: white;
text-align: center;
background: rgba(2, 8, 41, 0.5);
padding: 0.25rem 0.5rem;
justify-self: center;
border-radius: 0.25rem;
}
</style>
</head>
<body>
<div class="clocks-container">
<div class="user-clock">
<div class="clock">
<div class="location">Your Time</div>
<div class="analogue">
<div class="handle handle-hour"><span></span></div>
<div class="handle handle-minute"><span></span></div>
<div class="handle handle-second"><span></span></div>
</div>
<div class="digital"></div>
</div>
</div>
<div class="world-clocks">
<div class="clock" data-timezone="America/New_York">
<div class="location"></div>
<div class="analogue">
<div class="handle handle-hour"><span></span></div>
<div class="handle handle-minute"><span></span></div>
<div class="handle handle-second"><span></span></div>
</div>
<div class="digital"></div>
</div>
<div class="clock" data-timezone="Europe/London">
<div class="location"></div>
<div class="analogue">
<div class="handle handle-hour"><span></span></div>
<div class="handle handle-minute"><span></span></div>
<div class="handle handle-second"><span></span></div>
</div>
<div class="digital"></div>
</div>
<div class="clock" data-timezone="Europe/Moscow">
<div class="location"></div>
<div class="analogue">
<div class="handle handle-hour"><span></span></div>
<div class="handle handle-minute"><span></span></div>
<div class="handle handle-second"><span></span></div>
</div>
<div class="digital"></div>
</div>
<div class="clock" data-timezone="Asia/Tokyo">
<div class="location"></div>
<div class="analogue">
<div class="handle handle-hour"><span></span></div>
<div class="handle handle-minute"><span></span></div>
<div class="handle handle-second"><span></span></div>
</div>
<div class="digital"></div>
</div>
<div class="clock" data-timezone="Australia/Sydney">
<div class="location"></div>
<div class="analogue">
<div class="handle handle-hour"><span></span></div>
<div class="handle handle-minute"><span></span></div>
<div class="handle handle-second"><span></span></div>
</div>
<div class="digital"></div>
</div>
</div>
</div>
<div class="svg-map">
<svg id="worldmap" x="0px" y="0px" viewBox="0 0 126 71">
<g>
<circle cx="0.5" cy="19.5" />
<circle cx="1.5" cy="19.5" />
<circle cx="1.5" cy="37.5" />
<circle cx="2.5" cy="19.5" />
<circle cx="2.5" cy="38.5" />
<circle cx="3.5" cy="19.5" />
<circle cx="4.5" cy="18.5" />
<circle cx="5.5" cy="18.5" />
<circle cx="6.5" cy="11.5" />
<circle cx="6.5" cy="14.5" />
<circle cx="6.5" cy="17.5" />
<circle cx="7.5" cy="13.5" />
<circle cx="7.5" cy="14.5" />
<circle cx="7.5" cy="15.5" />
<circle cx="7.5" cy="17.5" />
<circle cx="8.5" cy="9.5" />
<circle cx="8.5" cy="10.5" />
<circle cx="8.5" cy="12.5" />
<circle cx="8.5" cy="13.5" />
<circle cx="8.5" cy="14.5" />
<circle cx="8.5" cy="15.5" />
<circle cx="8.5" cy="16.5" />
<circle cx="9.5" cy="10.5" />
<circle cx="9.5" cy="12.5" />
<circle cx="9.5" cy="13.5" />
<circle cx="9.5" cy="14.5" />
<circle cx="9.5" cy="15.5" />
<circle cx="10.5" cy="7.5" />
<circle cx="10.5" cy="8.5" />
<circle cx="10.5" cy="10.5" />
<circle cx="10.5" cy="11.5" />
<circle cx="10.5" cy="12.5" />
<circle cx="10.5" cy="13.5" />
<circle cx="10.5" cy="14.5" />
<circle cx="10.5" cy="15.5" />
<circle cx="11.5" cy="7.5" />
<circle cx="11.5" cy="8.5" />
<circle cx="11.5" cy="9.5" />
<circle cx="11.5" cy="10.5" />
<circle cx="11.5" cy="11.5" />
<circle cx="11.5" cy="12.5" />
<circle cx="11.5" cy="13.5" />
<circle cx="11.5" cy="14.5" />
<circle cx="11.5" cy="15.5" />
<circle cx="12.5" cy="7.5" />
<circle cx="12.5" cy="8.5" />
<circle cx="12.5" cy="9.5" />
<circle cx="12.5" cy="10.5" />
<circle cx="12.5" cy="11.5" />
<circle cx="12.5" cy="12.5" />
<circle cx="12.5" cy="13.5" />
<circle cx="12.5" cy="14.5" />
<circle cx="13.5" cy="6.5" />
<circle cx="13.5" cy="7.5" />
<circle cx="13.5" cy="8.5" />
<circle cx="13.5" cy="9.5" />
<circle cx="13.5" cy="10.5" />
<circle cx="13.5" cy="11.5" />
<circle cx="13.5" cy="12.5" />
<circle cx="13.5" cy="13.5" />
<circle cx="13.5" cy="14.5" />
<circle cx="13.5" cy="15.5" />
<circle cx="14.5" cy="6.5" />
<circle cx="14.5" cy="7.5" />
<circle cx="14.5" cy="8.5" />
<circle cx="14.5" cy="9.5" />
<circle cx="14.5" cy="10.5" />
<circle cx="14.5" cy="11.5" />
<circle cx="14.5" cy="12.5" />
<circle cx="14.5" cy="13.5" />
<circle cx="14.5" cy="14.5" />
<circle cx="14.5" cy="15.5" />
<circle cx="14.5" cy="16.5" />
<circle cx="15.5" cy="7.5" />
<circle cx="15.5" cy="8.5" />
<circle cx="15.5" cy="9.5" />
<circle cx="15.5" cy="10.5" />
<circle cx="15.5" cy="11.5" />
<circle cx="15.5" cy="12.5" />
<circle cx="15.5" cy="13.5" />
<circle cx="15.5" cy="14.5" />
<circle cx="15.5" cy="15.5" />
<circle cx="15.5" cy="16.5" />
<circle cx="15.5" cy="17.5" />
<circle cx="15.5" cy="18.5" />
<circle cx="15.5" cy="19.5" />
<circle cx="15.5" cy="29.5" />
<circle cx="16.5" cy="8.5" />
<circle cx="16.5" cy="9.5" />
<circle cx="16.5" cy="10.5" />
<circle cx="16.5" cy="11.5" />
<circle cx="16.5" cy="12.5" />
<circle cx="16.5" cy="13.5" />
<circle cx="16.5" cy="14.5" />
<circle cx="16.5" cy="15.5" />
<circle cx="16.5" cy="16.5" />
<circle cx="16.5" cy="17.5" />
<circle cx="16.5" cy="18.5" />
<circle cx="16.5" cy="19.5" />
<circle cx="16.5" cy="20.5" />
<circle cx="16.5" cy="21.5" />
<circle cx="16.5" cy="22.5" />
<circle cx="16.5" cy="26.5" />
<circle cx="16.5" cy="27.5" />
<circle cx="16.5" cy="28.5" />
<circle cx="16.5" cy="29.5" />
<circle cx="16.5" cy="30.5" />
<circle cx="16.5" cy="31.5" />
<circle cx="17.5" cy="8.5" />
<circle cx="17.5" cy="9.5" />
<circle cx="17.5" cy="10.5" />
<circle cx="17.5" cy="11.5" />
<circle cx="17.5" cy="12.5" />
<circle cx="17.5" cy="13.5" />
<circle cx="17.5" cy="14.5" />
<circle cx="17.5" cy="15.5" />
<circle cx="17.5" cy="16.5" />
<circle cx="17.5" cy="17.5" />
<circle cx="17.5" cy="18.5" />
<circle cx="17.5" cy="19.5" />
<circle cx="17.5" cy="20.5" />
<circle cx="17.5" cy="21.5" />
<circle cx="17.5" cy="22.5" />
<circle cx="17.5" cy="23.5" />
<circle cx="17.5" cy="24.5" />
<circle cx="17.5" cy="25.5" />
<circle cx="17.5" cy="26.5" />
<circle cx="17.5" cy="27.5" />
<circle cx="17.5" cy="28.5" />
<circle cx="17.5" cy="29.5" />
<circle cx="17.5" cy="30.5" />
<circle cx="17.5" cy="31.5" />
<circle cx="17.5" cy="32.5" />
<circle cx="17.5" cy="33.5" />
<circle cx="17.5" cy="34.5" />
<circle cx="17.5" cy="35.5" />
<circle cx="18.5" cy="9.5" />
<circle cx="18.5" cy="10.5" />
<circle cx="18.5" cy="11.5" />
<circle cx="18.5" cy="12.5" />
<circle cx="18.5" cy="13.5" />
<circle cx="18.5" cy="14.5" />
<circle cx="18.5" cy="15.5" />
<circle cx="18.5" cy="16.5" />
<circle cx="18.5" cy="17.5" />
<circle cx="18.5" cy="18.5" />
<circle cx="18.5" cy="19.5" />
<circle cx="18.5" cy="20.5" />
<circle cx="18.5" cy="21.5" />
<circle cx="18.5" cy="22.5" />
<circle cx="18.5" cy="23.5" />
<circle cx="18.5" cy="24.5" />
<circle cx="18.5" cy="25.5" />
<circle cx="18.5" cy="26.5" />
<circle cx="18.5" cy="27.5" />
<circle cx="18.5" cy="28.5" />
<circle cx="18.5" cy="29.5" />
<circle cx="18.5" cy="30.5" />
<circle cx="18.5" cy="31.5" />
<circle cx="18.5" cy="32.5" />
<circle cx="18.5" cy="33.5" />
<circle cx="18.5" cy="35.5" />
<circle cx="18.5" cy="36.5" />
<circle cx="19.5" cy="10.5" />
<circle cx="19.5" cy="11.5" />
<circle cx="19.5" cy="12.5" />
<circle cx="19.5" cy="13.5" />
<circle cx="19.5" cy="14.5" />
<circle cx="19.5" cy="15.5" />
<circle cx="19.5" cy="16.5" />
<circle cx="19.5" cy="17.5" />
<circle cx="19.5" cy="18.5" />
<circle cx="19.5" cy="19.5" />
<circle cx="19.5" cy="20.5" />
<circle cx="19.5" cy="21.5" />
<circle cx="19.5" cy="22.5" />
<circle cx="19.5" cy="23.5" />
<circle cx="19.5" cy="24.5" />
<circle cx="19.5" cy="25.5" />
<circle cx="19.5" cy="26.5" />
<circle cx="19.5" cy="27.5" />
<circle cx="19.5" cy="28.5" />
<circle cx="19.5" cy="29.5" />
<circle cx="19.5" cy="30.5" />
<circle cx="19.5" cy="31.5" />
<circle cx="19.5" cy="32.5" />
<circle cx="19.5" cy="33.5" />
<circle cx="19.5" cy="34.5" />
<circle cx="19.5" cy="35.5" />
<circle cx="19.5" cy="37.5" />
<circle cx="20.5" cy="10.5" />
<circle cx="20.5" cy="11.5" />
<circle cx="20.5" cy="12.5" />
<circle cx="20.5" cy="13.5" />
<circle cx="20.5" cy="14.5" />
<circle cx="20.5" cy="15.5" />
<circle cx="20.5" cy="16.5" />
<circle cx="20.5" cy="17.5" />
<circle cx="20.5" cy="18.5" />
<circle cx="20.5" cy="19.5" />
<circle cx="20.5" cy="20.5" />
<circle cx="20.5" cy="21.5" />
<circle cx="20.5" cy="22.5" />
<circle cx="20.5" cy="23.5" />
<circle cx="20.5" cy="24.5" />
<circle cx="20.5" cy="25.5" />
<circle cx="20.5" cy="26.5" />
<circle cx="20.5" cy="27.5" />
<circle cx="20.5" cy="28.5" />
<circle cx="20.5" cy="29.5" />
<circle cx="20.5" cy="30.5" />
<circle cx="20.5" cy="31.5" />
<circle cx="20.5" cy="32.5" />
<circle cx="20.5" cy="33.5" />
<circle cx="20.5" cy="34.5" />
<circle cx="20.5" cy="35.5" />
<circle cx="20.5" cy="36.5" />
<circle cx="21.5" cy="9.5" />
<circle cx="21.5" cy="10.5" />
<circle cx="21.5" cy="11.5" />
<circle cx="21.5" cy="13.5" />
<circle cx="21.5" cy="14.5" />
<circle cx="21.5" cy="15.5" />
<circle cx="21.5" cy="16.5" />
<circle cx="21.5" cy="17.5" />
<circle cx="21.5" cy="18.5" />
<circle cx="21.5" cy="19.5" />
<circle cx="21.5" cy="20.5" />
<circle cx="21.5" cy="21.5" />
<circle cx="21.5" cy="22.5" />
<circle cx="21.5" cy="23.5" />
<circle cx="21.5" cy="24.5" />
<circle cx="21.5" cy="25.5" />
<circle cx="21.5" cy="26.5" />
<circle cx="21.5" cy="27.5" />
<circle cx="21.5" cy="28.5" />
<circle cx="21.5" cy="29.5" />
<circle cx="21.5" cy="30.5" />
<circle cx="21.5" cy="31.5" />
<circle cx="21.5" cy="32.5" />
<circle cx="21.5" cy="33.5" />
<circle cx="21.5" cy="34.5" />
<circle cx="21.5" cy="35.5" />
<circle cx="21.5" cy="36.5" />
<circle cx="21.5" cy="37.5" />
<circle cx="21.5" cy="38.5" />
<circle cx="21.5" cy="39.5" />
<circle cx="22.5" cy="9.5" />
<circle cx="22.5" cy="10.5" />
<circle cx="22.5" cy="11.5" />
<circle cx="22.5" cy="12.5" />
<circle cx="22.5" cy="14.5" />
<circle cx="22.5" cy="16.5" />
<circle cx="22.5" cy="18.5" />
<circle cx="22.5" cy="19.5" />
<circle cx="22.5" cy="20.5" />
<circle cx="22.5" cy="21.5" />
<circle cx="22.5" cy="22.5" />
<circle cx="22.5" cy="23.5" />
<circle cx="22.5" cy="24.5" />
<circle cx="22.5" cy="25.5" />
<circle cx="22.5" cy="26.5" />
<circle cx="22.5" cy="27.5" />
<circle cx="22.5" cy="28.5" />
<circle cx="22.5" cy="29.5" />
<circle cx="22.5" cy="30.5" />
<circle cx="22.5" cy="31.5" />
<circle cx="22.5" cy="32.5" />
<circle cx="22.5" cy="33.5" />
<circle cx="22.5" cy="34.5" />
<circle cx="22.5" cy="35.5" />
<circle cx="22.5" cy="36.5" />
<circle cx="22.5" cy="37.5" />
<circle cx="22.5" cy="38.5" />
<circle cx="22.5" cy="39.5" />
<circle cx="23.5" cy="10.5" />
<circle cx="23.5" cy="11.5" />
<circle cx="23.5" cy="12.5" />
<circle cx="23.5" cy="14.5" />
<circle cx="23.5" cy="15.5" />
<circle cx="23.5" cy="17.5" />
<circle cx="23.5" cy="18.5" />
<circle cx="23.5" cy="19.5" />
<circle cx="23.5" cy="20.5" />
<circle cx="23.5" cy="21.5" />
<circle cx="23.5" cy="22.5" />
<circle cx="23.5" cy="23.5" />
<circle cx="23.5" cy="24.5" />
<circle cx="23.5" cy="25.5" />
<circle cx="23.5" cy="26.5" />
<circle cx="23.5" cy="27.5" />
<circle cx="23.5" cy="28.5" />
<circle cx="23.5" cy="29.5" />
<circle cx="23.5" cy="30.5" />
<circle cx="23.5" cy="31.5" />
<circle cx="23.5" cy="32.5" />
<circle cx="23.5" cy="33.5" />
<circle cx="23.5" cy="34.5" />
<circle cx="23.5" cy="35.5" />
<circle cx="23.5" cy="36.5" />
<circle cx="23.5" cy="37.5" />
<circle cx="23.5" cy="38.5" />
<circle cx="23.5" cy="39.5" />
<circle cx="23.5" cy="40.5" />
<circle cx="24.5" cy="8.5" />
<circle cx="24.5" cy="11.5" />
<circle cx="24.5" cy="12.5" />
<circle cx="24.5" cy="13.5" />
<circle cx="24.5" cy="14.5" />
<circle cx="24.5" cy="15.5" />
<circle cx="24.5" cy="17.5" />
<circle cx="24.5" cy="18.5" />
<circle cx="24.5" cy="19.5" />
<circle cx="24.5" cy="20.5" />
<circle cx="24.5" cy="21.5" />
<circle cx="24.5" cy="22.5" />
<circle cx="24.5" cy="23.5" />
<circle cx="24.5" cy="24.5" />
<circle cx="24.5" cy="25.5" />
<circle cx="24.5" cy="26.5" />
<circle cx="24.5" cy="27.5" />
<circle cx="24.5" cy="28.5" />
<circle cx="24.5" cy="29.5" />
<circle cx="24.5" cy="30.5" />
<circle cx="24.5" cy="31.5" />
<circle cx="24.5" cy="32.5" />
<circle cx="24.5" cy="33.5" />
<circle cx="24.5" cy="34.5" />
<circle cx="24.5" cy="35.5" />
<circle cx="24.5" cy="40.5" />
<circle cx="25.5" cy="7.5" />
<circle cx="25.5" cy="10.5" />
<circle cx="25.5" cy="13.5" />
<circle cx="25.5" cy="14.5" />
<circle cx="25.5" cy="16.5" />
<circle cx="25.5" cy="17.5" />
<circle cx="25.5" cy="18.5" />
<circle cx="25.5" cy="20.5" />
<circle cx="25.5" cy="21.5" />
<circle cx="25.5" cy="22.5" />
<circle cx="25.5" cy="23.5" />
<circle cx="25.5" cy="24.5" />
<circle cx="25.5" cy="25.5" />
<circle cx="25.5" cy="26.5" />
<circle cx="25.5" cy="27.5" />
<circle cx="25.5" cy="28.5" />
<circle cx="25.5" cy="29.5" />
<circle cx="25.5" cy="30.5" />
<circle cx="25.5" cy="31.5" />
<circle cx="25.5" cy="32.5" />
<circle cx="25.5" cy="33.5" />
<circle cx="25.5" cy="34.5" />
<circle cx="25.5" cy="40.5" />
<circle cx="25.5" cy="46.5" />
<circle cx="26.5" cy="6.5" />
<circle cx="26.5" cy="7.5" />
<circle cx="26.5" cy="8.5" />
<circle cx="26.5" cy="9.5" />
<circle cx="26.5" cy="10.5" />
<circle cx="26.5" cy="11.5" />
<circle cx="26.5" cy="12.5" />
<circle cx="26.5" cy="13.5" />
<circle cx="26.5" cy="14.5" />
<circle cx="26.5" cy="15.5" />
<circle cx="26.5" cy="16.5" />
<circle cx="26.5" cy="17.5" />
<circle cx="26.5" cy="18.5" />
<circle cx="26.5" cy="19.5" />
<circle cx="26.5" cy="20.5" />
<circle cx="26.5" cy="21.5" />
<circle cx="26.5" cy="25.5" />
<circle cx="26.5" cy="26.5" />
<circle cx="26.5" cy="27.5" />
<circle cx="26.5" cy="28.5" />
<circle cx="26.5" cy="29.5" />
<circle cx="26.5" cy="30.5" />
<circle cx="26.5" cy="31.5" />
<circle cx="26.5" cy="32.5" />
<circle cx="26.5" cy="33.5" />
<circle cx="26.5" cy="34.5" />
<circle cx="26.5" cy="39.5" />
<circle cx="26.5" cy="40.5" />
<circle cx="26.5" cy="41.5" />
<circle cx="27.5" cy="4.5" />
<circle cx="27.5" cy="7.5" />
<circle cx="27.5" cy="8.5" />
<circle cx="27.5" cy="9.5" />
<circle cx="27.5" cy="10.5" />
<circle cx="27.5" cy="11.5" />
<circle cx="27.5" cy="12.5" />
<circle cx="27.5" cy="13.5" />
<circle cx="27.5" cy="14.5" />
<circle cx="27.5" cy="15.5" />
<circle cx="27.5" cy="16.5" />
<circle cx="27.5" cy="17.5" />
<circle cx="27.5" cy="19.5" />
<circle cx="27.5" cy="21.5" />
<circle cx="27.5" cy="22.5" />
<circle cx="27.5" cy="23.5" />
<circle cx="27.5" cy="24.5" />
<circle cx="27.5" cy="25.5" />
<circle cx="27.5" cy="26.5" />
<circle cx="27.5" cy="27.5" />
<circle cx="27.5" cy="28.5" />
<circle cx="27.5" cy="29.5" />
<circle cx="27.5" cy="30.5" />
<circle cx="27.5" cy="31.5" />
<circle cx="27.5" cy="32.5" />
<circle cx="27.5" cy="33.5" />
<circle cx="27.5" cy="34.5" />
<circle cx="27.5" cy="38.5" />
<circle cx="27.5" cy="41.5" />
<circle cx="28.5" cy="3.5" />
<circle cx="28.5" cy="9.5" />
<circle cx="28.5" cy="10.5" />
<circle cx="28.5" cy="13.5" />
<circle cx="28.5" cy="14.5" />
<circle cx="28.5" cy="15.5" />
<circle cx="28.5" cy="17.5" />
<circle cx="28.5" cy="18.5" />
<circle cx="28.5" cy="19.5" />
<circle cx="28.5" cy="20.5" />
<circle cx="28.5" cy="21.5" />
<circle cx="28.5" cy="23.5" />
<circle cx="28.5" cy="25.5" />
<circle cx="28.5" cy="27.5" />
<circle cx="28.5" cy="28.5" />
<circle cx="28.5" cy="29.5" />
<circle cx="28.5" cy="30.5" />
<circle cx="28.5" cy="31.5" />
<circle cx="28.5" cy="32.5" />
<circle cx="28.5" cy="33.5" />
<circle cx="28.5" cy="34.5" />
<circle cx="28.5" cy="41.5" />
<circle cx="28.5" cy="42.5" />
<circle cx="29.5" cy="3.5" />
<circle cx="29.5" cy="5.5" />
<circle cx="29.5" cy="6.5" />
<circle cx="29.5" cy="9.5" />
<circle cx="29.5" cy="11.5" />
<circle cx="29.5" cy="13.5" />
<circle cx="29.5" cy="14.5" />
<circle cx="29.5" cy="16.5" />
<circle cx="29.5" cy="17.5" />
<circle cx="29.5" cy="21.5" />
<circle cx="29.5" cy="22.5" />
<circle cx="29.5" cy="23.5" />
<circle cx="29.5" cy="25.5" />
<circle cx="29.5" cy="29.5" />
<circle cx="29.5" cy="30.5" />
<circle cx="29.5" cy="31.5" />
<circle cx="29.5" cy="32.5" />
<circle cx="29.5" cy="33.5" />
<circle cx="29.5" cy="34.5" />
<circle cx="29.5" cy="35.5" />
<circle cx="29.5" cy="38.5" />
<circle cx="29.5" cy="43.5" />
<circle cx="30.5" cy="6.5" />
<circle cx="30.5" cy="8.5" />
<circle cx="30.5" cy="12.5" />
<circle cx="30.5" cy="13.5" />
<circle cx="30.5" cy="14.5" />
<circle cx="30.5" cy="15.5" />
<circle cx="30.5" cy="16.5" />
<circle cx="30.5" cy="22.5" />
<circle cx="30.5" cy="23.5" />
<circle cx="30.5" cy="24.5" />
<circle cx="30.5" cy="25.5" />
<circle cx="30.5" cy="26.5" />
<circle cx="30.5" cy="27.5" />
<circle cx="30.5" cy="28.5" />
<circle cx="30.5" cy="30.5" />
<circle cx="30.5" cy="31.5" />
<circle cx="30.5" cy="32.5" />
<circle cx="30.5" cy="33.5" />
<circle cx="30.5" cy="36.5" />
<circle cx="30.5" cy="38.5" />
<circle cx="30.5" cy="43.5" />
<circle cx="30.5" cy="46.5" />
<circle cx="30.5" cy="47.5" />
<circle cx="30.5" cy="48.5" />
<circle cx="30.5" cy="49.5" />
<circle cx="31.5" cy="3.5" />
<circle cx="31.5" cy="5.5" />
<circle cx="31.5" cy="6.5" />
<circle cx="31.5" cy="9.5" />
<circle cx="31.5" cy="13.5" />
<circle cx="31.5" cy="14.5" />
<circle cx="31.5" cy="15.5" />
<circle cx="31.5" cy="22.5" />
<circle cx="31.5" cy="23.5" />
<circle cx="31.5" cy="24.5" />
<circle cx="31.5" cy="25.5" />
<circle cx="31.5" cy="26.5" />
<circle cx="31.5" cy="29.5" />
<circle cx="31.5" cy="30.5" />
<circle cx="31.5" cy="31.5" />
<circle cx="31.5" cy="32.5" />
<circle cx="31.5" cy="38.5" />
<circle cx="31.5" cy="43.5" />
<circle cx="31.5" cy="44.5" />
<circle cx="31.5" cy="45.5" />
<circle cx="31.5" cy="46.5" />
<circle cx="31.5" cy="47.5" />
<circle cx="31.5" cy="48.5" />
<circle cx="31.5" cy="49.5" />
<circle cx="31.5" cy="50.5" />
<circle cx="31.5" cy="51.5" />
<circle cx="32.5" cy="2.5" />
<circle cx="32.5" cy="8.5" />
<circle cx="32.5" cy="10.5" />
<circle cx="32.5" cy="11.5" />
<circle cx="32.5" cy="13.5" />
<circle cx="32.5" cy="14.5" />
<circle cx="32.5" cy="16.5" />
<circle cx="32.5" cy="25.5" />
<circle cx="32.5" cy="26.5" />
<circle cx="32.5" cy="27.5" />
<circle cx="32.5" cy="29.5" />
<circle cx="32.5" cy="30.5" />
<circle cx="32.5" cy="31.5" />
<circle cx="32.5" cy="37.5" />
<circle cx="32.5" cy="42.5" />
<circle cx="32.5" cy="43.5" />
<circle cx="32.5" cy="44.5" />
<circle cx="32.5" cy="45.5" />
<circle cx="32.5" cy="46.5" />
<circle cx="32.5" cy="47.5" />
<circle cx="32.5" cy="48.5" />
<circle cx="32.5" cy="49.5" />
<circle cx="32.5" cy="50.5" />
<circle cx="32.5" cy="51.5" />
<circle cx="32.5" cy="52.5" />
<circle cx="33.5" cy="5.5" />
<circle cx="33.5" cy="6.5" />
<circle cx="33.5" cy="9.5" />
<circle cx="33.5" cy="14.5" />
<circle cx="33.5" cy="16.5" />
<circle cx="33.5" cy="17.5" />
<circle cx="33.5" cy="23.5" />
<circle cx="33.5" cy="24.5" />
<circle cx="33.5" cy="25.5" />
<circle cx="33.5" cy="26.5" />
<circle cx="33.5" cy="27.5" />
<circle cx="33.5" cy="28.5" />
<circle cx="33.5" cy="29.5" />
<circle cx="33.5" cy="30.5" />
<circle cx="33.5" cy="39.5" />
<circle cx="33.5" cy="43.5" />
<circle cx="33.5" cy="44.5" />
<circle cx="33.5" cy="45.5" />
<circle cx="33.5" cy="46.5" />
<circle cx="33.5" cy="47.5" />
<circle cx="33.5" cy="48.5" />
<circle cx="33.5" cy="49.5" />
<circle cx="33.5" cy="50.5" />
<circle cx="33.5" cy="51.5" />
<circle cx="33.5" cy="52.5" />
<circle cx="33.5" cy="53.5" />
<circle cx="33.5" cy="61.5" />
<circle cx="34.5" cy="2.5" />
<circle cx="34.5" cy="3.5" />
<circle cx="34.5" cy="8.5" />
<circle cx="34.5" cy="10.5" />
<circle cx="34.5" cy="11.5" />
<circle cx="34.5" cy="13.5" />
<circle cx="34.5" cy="14.5" />
<circle cx="34.5" cy="20.5" />
<circle cx="34.5" cy="21.5" />
<circle cx="34.5" cy="22.5" />
<circle cx="34.5" cy="23.5" />
<circle cx="34.5" cy="24.5" />
<circle cx="34.5" cy="25.5" />
<circle cx="34.5" cy="26.5" />
<circle cx="34.5" cy="27.5" />
<circle cx="34.5" cy="28.5" />
<circle cx="34.5" cy="43.5" />
<circle cx="34.5" cy="44.5" />
<circle cx="34.5" cy="45.5" />
<circle cx="34.5" cy="46.5" />
<circle cx="34.5" cy="47.5" />
<circle cx="34.5" cy="48.5" />
<circle cx="34.5" cy="49.5" />
<circle cx="34.5" cy="50.5" />
<circle cx="34.5" cy="51.5" />
<circle cx="34.5" cy="52.5" />
<circle cx="34.5" cy="53.5" />
<circle cx="34.5" cy="54.5" />
<circle cx="34.5" cy="55.5" />
<circle cx="34.5" cy="56.5" />
<circle cx="34.5" cy="57.5" />
<circle cx="34.5" cy="58.5" />
<circle cx="34.5" cy="59.5" />
<circle cx="34.5" cy="60.5" />
<circle cx="34.5" cy="61.5" />
<circle cx="34.5" cy="62.5" />
<circle cx="34.5" cy="63.5" />
<circle cx="34.5" cy="64.5" />
<circle cx="34.5" cy="65.5" />
<circle cx="34.5" cy="66.5" />
<circle cx="34.5" cy="67.5" />
<circle cx="34.5" cy="68.5" />
<circle cx="35.5" cy="4.5" />
<circle cx="35.5" cy="6.5" />
<circle cx="35.5" cy="7.5" />
<circle cx="35.5" cy="9.5" />
<circle cx="35.5" cy="11.5" />
<circle cx="35.5" cy="12.5" />
<circle cx="35.5" cy="16.5" />
<circle cx="35.5" cy="18.5" />
<circle cx="35.5" cy="19.5" />
<circle cx="35.5" cy="20.5" />
<circle cx="35.5" cy="21.5" />
<circle cx="35.5" cy="22.5" />
<circle cx="35.5" cy="23.5" />
<circle cx="35.5" cy="24.5" />
<circle cx="35.5" cy="25.5" />
<circle cx="35.5" cy="27.5" />
<circle cx="35.5" cy="39.5" />
<circle cx="35.5" cy="43.5" />
<circle cx="35.5" cy="44.5" />
<circle cx="35.5" cy="45.5" />
<circle cx="35.5" cy="46.5" />
<circle cx="35.5" cy="47.5" />
<circle cx="35.5" cy="48.5" />
<circle cx="35.5" cy="49.5" />
<circle cx="35.5" cy="50.5" />
<circle cx="35.5" cy="51.5" />
<circle cx="35.5" cy="52.5" />
<circle cx="35.5" cy="53.5" />
<circle cx="35.5" cy="54.5" />
<circle cx="35.5" cy="55.5" />
<circle cx="35.5" cy="56.5" />
<circle cx="35.5" cy="57.5" />
<circle cx="35.5" cy="58.5" />
<circle cx="35.5" cy="59.5" />
<circle cx="35.5" cy="60.5" />
<circle cx="35.5" cy="61.5" />
<circle cx="35.5" cy="62.5" />
<circle cx="35.5" cy="63.5" />
<circle cx="35.5" cy="64.5" />
<circle cx="35.5" cy="65.5" />
<circle cx="35.5" cy="66.5" />
<circle cx="35.5" cy="67.5" />
<circle cx="35.5" cy="68.5" />
<circle cx="35.5" cy="69.5" />
<circle cx="36.5" cy="7.5" />
<circle cx="36.5" cy="10.5" />
<circle cx="36.5" cy="11.5" />
<circle cx="36.5" cy="14.5" />
<circle cx="36.5" cy="16.5" />
<circle cx="36.5" cy="19.5" />
<circle cx="36.5" cy="20.5" />
<circle cx="36.5" cy="21.5" />
<circle cx="36.5" cy="22.5" />
<circle cx="36.5" cy="23.5" />
<circle cx="36.5" cy="24.5" />
<circle cx="36.5" cy="25.5" />
<circle cx="36.5" cy="26.5" />
<circle cx="36.5" cy="27.5" />
<circle cx="36.5" cy="43.5" />
<circle cx="36.5" cy="44.5" />
<circle cx="36.5" cy="45.5" />
<circle cx="36.5" cy="46.5" />
<circle cx="36.5" cy="47.5" />
<circle cx="36.5" cy="48.5" />
<circle cx="36.5" cy="49.5" />
<circle cx="36.5" cy="50.5" />
<circle cx="36.5" cy="51.5" />
<circle cx="36.5" cy="52.5" />
<circle cx="36.5" cy="53.5" />
<circle cx="36.5" cy="54.5" />
<circle cx="36.5" cy="55.5" />
<circle cx="36.5" cy="56.5" />
<circle cx="36.5" cy="57.5" />
<circle cx="36.5" cy="58.5" />
<circle cx="36.5" cy="59.5" />
<circle cx="36.5" cy="60.5" />
<circle cx="36.5" cy="61.5" />
<circle cx="36.5" cy="62.5" />
<circle cx="36.5" cy="63.5" />
<circle cx="36.5" cy="64.5" />
<circle cx="36.5" cy="66.5" />
<circle cx="36.5" cy="69.5" />
<circle cx="36.5" cy="70.5" />
<circle cx="37.5" cy="2.5" />
<circle cx="37.5" cy="3.5" />
<circle cx="37.5" cy="6.5" />
<circle cx="37.5" cy="7.5" />
<circle cx="37.5" cy="8.5" />
<circle cx="37.5" cy="10.5" />
<circle cx="37.5" cy="11.5" />
<circle cx="37.5" cy="12.5" />
<circle cx="37.5" cy="15.5" />
<circle cx="37.5" cy="16.5" />
<circle cx="37.5" cy="17.5" />
<circle cx="37.5" cy="21.5" />
<circle cx="37.5" cy="22.5" />
<circle cx="37.5" cy="23.5" />
<circle cx="37.5" cy="24.5" />
<circle cx="37.5" cy="28.5" />
<circle cx="37.5" cy="44.5" />
<circle cx="37.5" cy="45.5" />
<circle cx="37.5" cy="46.5" />
<circle cx="37.5" cy="47.5" />
<circle cx="37.5" cy="48.5" />
<circle cx="37.5" cy="49.5" />
<circle cx="37.5" cy="50.5" />
<circle cx="37.5" cy="51.5" />
<circle cx="37.5" cy="52.5" />
<circle cx="37.5" cy="53.5" />
<circle cx="37.5" cy="54.5" />
<circle cx="37.5" cy="55.5" />
<circle cx="37.5" cy="56.5" />
<circle cx="37.5" cy="57.5" />
<circle cx="37.5" cy="58.5" />
<circle cx="37.5" cy="59.5" />
<circle cx="37.5" cy="60.5" />
<circle cx="37.5" cy="61.5" />
<circle cx="37.5" cy="62.5" />
<circle cx="37.5" cy="70.5" />
<circle cx="38.5" cy="1.5" />
<circle cx="38.5" cy="2.5" />
<circle cx="38.5" cy="4.5" />
<circle cx="38.5" cy="6.5" />
<circle cx="38.5" cy="12.5" />
<circle cx="38.5" cy="13.5" />
<circle cx="38.5" cy="14.5" />
<circle cx="38.5" cy="15.5" />
<circle cx="38.5" cy="16.5" />
<circle cx="38.5" cy="17.5" />
<circle cx="38.5" cy="18.5" />
<circle cx="38.5" cy="20.5" />
<circle cx="38.5" cy="21.5" />
<circle cx="38.5" cy="22.5" />
<circle cx="38.5" cy="23.5" />
<circle cx="38.5" cy="24.5" />
<circle cx="38.5" cy="27.5" />
<circle cx="38.5" cy="45.5" />
<circle cx="38.5" cy="46.5" />
<circle cx="38.5" cy="47.5" />
<circle cx="38.5" cy="48.5" />
<circle cx="38.5" cy="49.5" />
<circle cx="38.5" cy="50.5" />
<circle cx="38.5" cy="51.5" />
<circle cx="38.5" cy="52.5" />
<circle cx="38.5" cy="53.5" />
<circle cx="38.5" cy="54.5" />
<circle cx="38.5" cy="55.5" />
<circle cx="38.5" cy="56.5" />
<circle cx="38.5" cy="57.5" />
<circle cx="38.5" cy="58.5" />
<circle cx="38.5" cy="59.5" />
<circle cx="38.5" cy="60.5" />
<circle cx="38.5" cy="61.5" />
<circle cx="39.5" cy="1.5" />
<circle cx="39.5" cy="3.5" />
<circle cx="39.5" cy="4.5" />
<circle cx="39.5" cy="5.5" />
<circle cx="39.5" cy="13.5" />
<circle cx="39.5" cy="15.5" />
<circle cx="39.5" cy="23.5" />
<circle cx="39.5" cy="24.5" />
<circle cx="39.5" cy="26.5" />
<circle cx="39.5" cy="45.5" />
<circle cx="39.5" cy="46.5" />
<circle cx="39.5" cy="47.5" />
<circle cx="39.5" cy="48.5" />
<circle cx="39.5" cy="49.5" />
<circle cx="39.5" cy="50.5" />
<circle cx="39.5" cy="51.5" />
<circle cx="39.5" cy="52.5" />
<circle cx="39.5" cy="53.5" />
<circle cx="39.5" cy="54.5" />
<circle cx="39.5" cy="55.5" />
<circle cx="39.5" cy="56.5" />
<circle cx="39.5" cy="57.5" />
<circle cx="39.5" cy="58.5" />
<circle cx="39.5" cy="59.5" />
<circle cx="39.5" cy="68.5" />
<circle cx="40.5" cy="0.5" />
<circle cx="40.5" cy="1.5" />
<circle cx="40.5" cy="3.5" />
<circle cx="40.5" cy="4.5" />
<circle cx="40.5" cy="16.5" />
<circle cx="40.5" cy="24.5" />
<circle cx="40.5" cy="26.5" />
<circle cx="40.5" cy="45.5" />
<circle cx="40.5" cy="46.5" />
<circle cx="40.5" cy="47.5" />
<circle cx="40.5" cy="48.5" />
<circle cx="40.5" cy="49.5" />
<circle cx="40.5" cy="50.5" />
<circle cx="40.5" cy="51.5" />
<circle cx="40.5" cy="52.5" />
<circle cx="40.5" cy="53.5" />
<circle cx="40.5" cy="54.5" />
<circle cx="40.5" cy="55.5" />
<circle cx="40.5" cy="56.5" />
<circle cx="40.5" cy="57.5" />
<circle cx="40.5" cy="58.5" />
<circle cx="40.5" cy="59.5" />
<circle cx="41.5" cy="0.5" />
<circle cx="41.5" cy="1.5" />
<circle cx="41.5" cy="3.5" />
<circle cx="41.5" cy="7.5" />
<circle cx="41.5" cy="47.5" />
<circle cx="41.5" cy="48.5" />
<circle cx="41.5" cy="49.5" />
<circle cx="41.5" cy="50.5" />
<circle cx="41.5" cy="51.5" />
<circle cx="41.5" cy="52.5" />
<circle cx="41.5" cy="53.5" />
<circle cx="41.5" cy="54.5" />
<circle cx="41.5" cy="55.5" />
<circle cx="41.5" cy="56.5" />
<circle cx="41.5" cy="57.5" />
<circle cx="42.5" cy="0.5" />
<circle cx="42.5" cy="1.5" />
<circle cx="42.5" cy="2.5" />
<circle cx="42.5" cy="3.5" />
<circle cx="42.5" cy="5.5" />
<circle cx="42.5" cy="6.5" />
<circle cx="42.5" cy="7.5" />
<circle cx="42.5" cy="47.5" />
<circle cx="42.5" cy="48.5" />
<circle cx="42.5" cy="49.5" />
<circle cx="42.5" cy="50.5" />
<circle cx="42.5" cy="51.5" />
<circle cx="42.5" cy="52.5" />
<circle cx="42.5" cy="53.5" />
<circle cx="42.5" cy="54.5" />
<circle cx="42.5" cy="55.5" />
<circle cx="43.5" cy="0.5" />
<circle cx="43.5" cy="1.5" />
<circle cx="43.5" cy="2.5" />
<circle cx="43.5" cy="5.5" />
<circle cx="43.5" cy="6.5" />
<circle cx="43.5" cy="7.5" />
<circle cx="43.5" cy="13.5" />
<circle cx="43.5" cy="16.5" />
<circle cx="43.5" cy="48.5" />
<circle cx="43.5" cy="49.5" />
<circle cx="43.5" cy="50.5" />
<circle cx="43.5" cy="51.5" />
<circle cx="43.5" cy="52.5" />
<circle cx="43.5" cy="53.5" />
<circle cx="43.5" cy="54.5" />
<circle cx="44.5" cy="0.5" />
<circle cx="44.5" cy="1.5" />
<circle cx="44.5" cy="3.5" />
<circle cx="44.5" cy="4.5" />
<circle cx="44.5" cy="5.5" />
<circle cx="44.5" cy="6.5" />
<circle cx="44.5" cy="7.5" />
<circle cx="44.5" cy="8.5" />
<circle cx="44.5" cy="9.5&qu.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0