20260205 업데이트(컨텐츠 페이지 연결)
This commit is contained in:
81
kngil/img/analysis/img_spatial_03_apx.svg
Normal file
81
kngil/img/analysis/img_spatial_03_apx.svg
Normal file
@@ -0,0 +1,81 @@
|
||||
<svg width="1027" height="357" viewBox="0 0 1027 357" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<style>
|
||||
.marker {
|
||||
opacity: 0;
|
||||
animation: marker-appear 0.6s ease-in forwards, marker-blink 1.8s ease-in-out infinite;
|
||||
}
|
||||
/* transform-origin: viewBox(0 0 1027 357) 기준 각 마커 원형 path 중심 */
|
||||
.marker-01 {
|
||||
transform-origin: 686.008px 28px;
|
||||
animation-delay: 0s, 0.6s;
|
||||
}
|
||||
.marker-02 {
|
||||
transform-origin: 437.008px 139px;
|
||||
animation-delay: 0.3s, 0.9s;
|
||||
}
|
||||
.marker-03 {
|
||||
transform-origin: 262.008px 186px;
|
||||
animation-delay: 0.6s, 1.2s;
|
||||
}
|
||||
.marker-04 {
|
||||
transform-origin: 309.008px 258px;
|
||||
animation-delay: 0.9s, 1.5s;
|
||||
}
|
||||
.marker-05 {
|
||||
transform-origin: 151.008px 280px;
|
||||
animation-delay: 1.2s, 1.8s;
|
||||
}
|
||||
@keyframes marker-appear {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
}
|
||||
@keyframes marker-blink {
|
||||
0%, 100% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
opacity: 0.35;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g class="marker marker-01">
|
||||
<path d="M686.008 15.5C692.912 15.5 698.508 21.0962 698.508 28C698.508 34.9038 692.912 40.5 686.008 40.5C679.104 40.5 673.508 34.9038 673.508 28C673.508 21.0962 679.104 15.5 686.008 15.5Z" stroke="#FF1919"/>
|
||||
<path d="M686.007 21.4141C687.768 21.4141 689.459 22.1047 690.716 23.3379C691.894 24.4943 692.604 26.0413 692.716 27.6807L692.73 28.0098C692.742 28.899 692.576 29.7814 692.244 30.6064C691.912 31.4324 691.419 32.1846 690.794 32.8184C690.169 33.4522 689.423 33.9553 688.602 34.2988C687.78 34.6423 686.898 34.8193 686.008 34.8193C685.117 34.8193 684.236 34.6423 683.414 34.2988C682.593 33.9553 681.848 33.4521 681.223 32.8184C680.597 32.1845 680.104 31.4325 679.771 30.6064C679.439 29.7815 679.275 28.8989 679.286 28.0098C679.32 26.2492 680.042 24.5712 681.299 23.3379C682.556 22.1048 684.246 21.4142 686.007 21.4141Z" stroke="#FF1919"/>
|
||||
<path d="M699.008 28C699.008 35.1799 693.188 41 686.008 41C678.828 41 673.008 35.1799 673.008 28C673.008 20.8201 678.828 15 686.008 15C693.188 15 699.008 20.8201 699.008 28Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
<path d="M693.23 28.003C693.229 29.9184 692.468 31.7552 691.114 33.1095C689.759 34.4637 687.922 35.2245 686.007 35.2245M693.23 28.003C693.23 27.0545 693.043 26.1153 692.68 25.239C692.317 24.3627 691.785 23.5664 691.114 22.8957C690.444 22.225 689.647 21.693 688.771 21.33C687.895 20.9671 686.955 20.7802 686.007 20.7802M693.23 28.003H694.673M686.007 35.2245C684.092 35.2242 682.255 34.4632 680.901 33.109C679.547 31.7548 678.786 29.9182 678.785 28.003M686.007 35.2245V36.6688M686.007 20.7802C684.092 20.7806 682.255 21.5417 680.9 22.8962C679.546 24.2507 678.785 26.0877 678.785 28.003M686.007 20.7802V19.3359M678.785 28.003H677.34M687.451 28.003C687.451 28.1927 687.414 28.3805 687.341 28.5557C687.269 28.731 687.162 28.8902 687.028 29.0243C686.894 29.1584 686.735 29.2648 686.56 29.3374C686.384 29.41 686.197 29.4473 686.007 29.4473C685.817 29.4473 685.629 29.41 685.454 29.3374C685.279 29.2648 685.12 29.1584 684.986 29.0243C684.852 28.8902 684.745 28.731 684.673 28.5557C684.6 28.3805 684.563 28.1927 684.563 28.003C684.563 27.62 684.715 27.2526 684.986 26.9818C685.257 26.7109 685.624 26.5587 686.007 26.5587C686.39 26.5587 686.757 26.7109 687.028 26.9818C687.299 27.2526 687.451 27.62 687.451 28.003Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
</g>
|
||||
<g class="marker marker-02">
|
||||
<path d="M437.008 126.5C443.912 126.5 449.508 132.096 449.508 139C449.508 145.904 443.912 151.5 437.008 151.5C430.104 151.5 424.508 145.904 424.508 139C424.508 132.096 430.104 126.5 437.008 126.5Z" stroke="#FF1919"/>
|
||||
<path d="M437.007 132.414C438.768 132.414 440.459 133.105 441.716 134.338C442.894 135.494 443.604 137.041 443.716 138.681L443.73 139.01C443.742 139.899 443.576 140.781 443.244 141.606C442.912 142.432 442.419 143.185 441.794 143.818C441.169 144.452 440.423 144.955 439.602 145.299C438.78 145.642 437.898 145.819 437.008 145.819C436.117 145.819 435.236 145.642 434.414 145.299C433.593 144.955 432.848 144.452 432.223 143.818C431.597 143.185 431.104 142.432 430.771 141.606C430.439 140.781 430.275 139.899 430.286 139.01C430.32 137.249 431.042 135.571 432.299 134.338C433.556 133.105 435.246 132.414 437.007 132.414Z" stroke="#FF1919"/>
|
||||
<path d="M450.008 139C450.008 146.18 444.188 152 437.008 152C429.828 152 424.008 146.18 424.008 139C424.008 131.82 429.828 126 437.008 126C444.188 126 450.008 131.82 450.008 139Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
<path d="M444.23 139.003C444.229 140.918 443.468 142.755 442.114 144.109C440.759 145.464 438.922 146.225 437.007 146.225M444.23 139.003C444.23 138.055 444.043 137.115 443.68 136.239C443.317 135.363 442.785 134.566 442.114 133.896C441.444 133.225 440.647 132.693 439.771 132.33C438.895 131.967 437.955 131.78 437.007 131.78M444.23 139.003H445.673M437.007 146.225C435.092 146.224 433.255 145.463 431.901 144.109C430.547 142.755 429.786 140.918 429.785 139.003M437.007 146.225V147.669M437.007 131.78C435.092 131.781 433.255 132.542 431.9 133.896C430.546 135.251 429.785 137.088 429.785 139.003M437.007 131.78V130.336M429.785 139.003H428.34M438.451 139.003C438.451 139.193 438.414 139.381 438.341 139.556C438.269 139.731 438.162 139.89 438.028 140.024C437.894 140.158 437.735 140.265 437.56 140.337C437.384 140.41 437.197 140.447 437.007 140.447C436.817 140.447 436.629 140.41 436.454 140.337C436.279 140.265 436.12 140.158 435.986 140.024C435.852 139.89 435.745 139.731 435.673 139.556C435.6 139.381 435.563 139.193 435.563 139.003C435.563 138.62 435.715 138.253 435.986 137.982C436.257 137.711 436.624 137.559 437.007 137.559C437.39 137.559 437.757 137.711 438.028 137.982C438.299 138.253 438.451 138.62 438.451 139.003Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
</g>
|
||||
<g class="marker marker-03">
|
||||
<path d="M262.008 173.5C268.912 173.5 274.508 179.096 274.508 186C274.508 192.904 268.912 198.5 262.008 198.5C255.104 198.5 249.508 192.904 249.508 186C249.508 179.096 255.104 173.5 262.008 173.5Z" stroke="#FF1919"/>
|
||||
<path d="M262.007 179.414C263.768 179.414 265.459 180.105 266.716 181.338C267.894 182.494 268.604 184.041 268.716 185.681L268.73 186.01C268.742 186.899 268.576 187.781 268.244 188.606C267.912 189.432 267.419 190.185 266.794 190.818C266.169 191.452 265.423 191.955 264.602 192.299C263.78 192.642 262.898 192.819 262.008 192.819C261.117 192.819 260.236 192.642 259.414 192.299C258.593 191.955 257.848 191.452 257.223 190.818C256.597 190.185 256.104 189.432 255.771 188.606C255.439 187.781 255.275 186.899 255.286 186.01C255.32 184.249 256.042 182.571 257.299 181.338C258.556 180.105 260.246 179.414 262.007 179.414Z" stroke="#FF1919"/>
|
||||
<path d="M275.008 186C275.008 193.18 269.188 199 262.008 199C254.828 199 249.008 193.18 249.008 186C249.008 178.82 254.828 173 262.008 173C269.188 173 275.008 178.82 275.008 186Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
<path d="M269.23 186.003C269.229 187.918 268.468 189.755 267.114 191.109C265.759 192.464 263.922 193.225 262.007 193.225M269.23 186.003C269.23 185.055 269.043 184.115 268.68 183.239C268.317 182.363 267.785 181.566 267.114 180.896C266.444 180.225 265.647 179.693 264.771 179.33C263.895 178.967 262.955 178.78 262.007 178.78M269.23 186.003H270.673M262.007 193.225C260.092 193.224 258.255 192.463 256.901 191.109C255.547 189.755 254.786 187.918 254.785 186.003M262.007 193.225V194.669M262.007 178.78C260.092 178.781 258.255 179.542 256.9 180.896C255.546 182.251 254.785 184.088 254.785 186.003M262.007 178.78V177.336M254.785 186.003H253.34M263.451 186.003C263.451 186.193 263.414 186.381 263.341 186.556C263.269 186.731 263.162 186.89 263.028 187.024C262.894 187.158 262.735 187.265 262.56 187.337C262.384 187.41 262.197 187.447 262.007 187.447C261.817 187.447 261.629 187.41 261.454 187.337C261.279 187.265 261.12 187.158 260.986 187.024C260.852 186.89 260.745 186.731 260.673 186.556C260.6 186.381 260.563 186.193 260.563 186.003C260.563 185.62 260.715 185.253 260.986 184.982C261.257 184.711 261.624 184.559 262.007 184.559C262.39 184.559 262.757 184.711 263.028 184.982C263.299 185.253 263.451 185.62 263.451 186.003Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
</g>
|
||||
<g class="marker marker-04">
|
||||
<path d="M309.008 245.5C315.912 245.5 321.508 251.096 321.508 258C321.508 264.904 315.912 270.5 309.008 270.5C302.104 270.5 296.508 264.904 296.508 258C296.508 251.096 302.104 245.5 309.008 245.5Z" stroke="#FF1919"/>
|
||||
<path d="M309.007 251.414C310.768 251.414 312.459 252.105 313.716 253.338C314.894 254.494 315.604 256.041 315.716 257.681L315.73 258.01C315.742 258.899 315.576 259.781 315.244 260.606C314.912 261.432 314.419 262.185 313.794 262.818C313.169 263.452 312.423 263.955 311.602 264.299C310.78 264.642 309.898 264.819 309.008 264.819C308.117 264.819 307.236 264.642 306.414 264.299C305.593 263.955 304.848 263.452 304.223 262.818C303.597 262.185 303.104 261.432 302.771 260.606C302.439 259.781 302.275 258.899 302.286 258.01C302.32 256.249 303.042 254.571 304.299 253.338C305.556 252.105 307.246 251.414 309.007 251.414Z" stroke="#FF1919"/>
|
||||
<path d="M322.008 258C322.008 265.18 316.188 271 309.008 271C301.828 271 296.008 265.18 296.008 258C296.008 250.82 301.828 245 309.008 245C316.188 245 322.008 250.82 322.008 258Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
<path d="M316.23 258.003C316.229 259.918 315.468 261.755 314.114 263.109C312.759 264.464 310.922 265.225 309.007 265.225M316.23 258.003C316.23 257.055 316.043 256.115 315.68 255.239C315.317 254.363 314.785 253.566 314.114 252.896C313.444 252.225 312.647 251.693 311.771 251.33C310.895 250.967 309.955 250.78 309.007 250.78M316.23 258.003H317.673M309.007 265.225C307.092 265.224 305.255 264.463 303.901 263.109C302.547 261.755 301.786 259.918 301.785 258.003M309.007 265.225V266.669M309.007 250.78C307.092 250.781 305.255 251.542 303.9 252.896C302.546 254.251 301.785 256.088 301.785 258.003M309.007 250.78V249.336M301.785 258.003H300.34M310.451 258.003C310.451 258.193 310.414 258.381 310.341 258.556C310.269 258.731 310.162 258.89 310.028 259.024C309.894 259.158 309.735 259.265 309.56 259.337C309.384 259.41 309.197 259.447 309.007 259.447C308.817 259.447 308.629 259.41 308.454 259.337C308.279 259.265 308.12 259.158 307.986 259.024C307.852 258.89 307.745 258.731 307.673 258.556C307.6 258.381 307.563 258.193 307.563 258.003C307.563 257.62 307.715 257.253 307.986 256.982C308.257 256.711 308.624 256.559 309.007 256.559C309.39 256.559 309.757 256.711 310.028 256.982C310.299 257.253 310.451 257.62 310.451 258.003Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
</g>
|
||||
<g class="marker marker-05">
|
||||
<path d="M151.008 267.5C157.912 267.5 163.508 273.096 163.508 280C163.508 286.904 157.912 292.5 151.008 292.5C144.104 292.5 138.508 286.904 138.508 280C138.508 273.096 144.104 267.5 151.008 267.5Z" stroke="#FF1919"/>
|
||||
<path d="M151.007 273.414C152.768 273.414 154.459 274.105 155.716 275.338C156.894 276.494 157.604 278.041 157.716 279.681L157.73 280.01C157.742 280.899 157.576 281.781 157.244 282.606C156.912 283.432 156.419 284.185 155.794 284.818C155.169 285.452 154.423 285.955 153.602 286.299C152.78 286.642 151.898 286.819 151.008 286.819C150.117 286.819 149.236 286.642 148.414 286.299C147.593 285.955 146.848 285.452 146.223 284.818C145.597 284.185 145.104 283.432 144.771 282.606C144.439 281.781 144.275 280.899 144.286 280.01C144.32 278.249 145.042 276.571 146.299 275.338C147.556 274.105 149.246 273.414 151.007 273.414Z" stroke="#FF1919"/>
|
||||
<path d="M164.008 280C164.008 287.18 158.188 293 151.008 293C143.828 293 138.008 287.18 138.008 280C138.008 272.82 143.828 267 151.008 267C158.188 267 164.008 272.82 164.008 280Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
<path d="M158.23 280.003C158.229 281.918 157.468 283.755 156.114 285.109C154.759 286.464 152.922 287.225 151.007 287.225M158.23 280.003C158.23 279.055 158.043 278.115 157.68 277.239C157.317 276.363 156.785 275.566 156.114 274.896C155.444 274.225 154.647 273.693 153.771 273.33C152.895 272.967 151.955 272.78 151.007 272.78M158.23 280.003H159.673M151.007 287.225C149.092 287.224 147.255 286.463 145.901 285.109C144.547 283.755 143.786 281.918 143.785 280.003M151.007 287.225V288.669M151.007 272.78C149.092 272.781 147.255 273.542 145.9 274.896C144.546 276.251 143.785 278.088 143.785 280.003M151.007 272.78V271.336M143.785 280.003H142.34M152.451 280.003C152.451 280.193 152.414 280.381 152.341 280.556C152.269 280.731 152.162 280.89 152.028 281.024C151.894 281.158 151.735 281.265 151.56 281.337C151.384 281.41 151.197 281.447 151.007 281.447C150.817 281.447 150.629 281.41 150.454 281.337C150.279 281.265 150.12 281.158 149.986 281.024C149.852 280.89 149.745 280.731 149.673 280.556C149.6 280.381 149.563 280.193 149.563 280.003C149.563 279.62 149.715 279.253 149.986 278.982C150.257 278.711 150.624 278.559 151.007 278.559C151.39 278.559 151.757 278.711 152.028 278.982C152.299 279.253 152.451 279.62 152.451 280.003Z" stroke="#FF1919" stroke-width="2" stroke-linecap="square"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
Reference in New Issue
Block a user