doohoyi/distribusi-foh000
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add comments

Browse source
This commit is contained in:
Hyunchul Kim 2020-11-28 02:50:10 +09:00
parent 94f4434991
commit 847a7eefef
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
test_data/src/index.html
View file

@ -213,6 +213,9 @@
} }
</style> </style>
</defs> </defs>
<!-- 1. 업데이트할 때 순서로 <text>를 찾기 때문에, <g> 안에 <text>가 가장 마지막 요소여야 합니다.
-->
<g id="seungwookYang"> <g id="seungwookYang">
<path class="shape" d="M15 136 15 293 227 286 227 140 196 121 60 115 15 136" /> <path class="shape" d="M15 136 15 293 227 286 227 140 196 121 60 115 15 136" />
<path <path
@ -223,11 +226,12 @@
<tspan x="100.12" y="0">ang</tspan> <tspan x="100.12" y="0">ang</tspan>
</text></g> </text></g>
<g id="megumi"> <g id="megumi">
<path class="shape" d="M317 81 389 136 389 211 256 213 226 155 231 86 317 81" /><text class="cls-2" <path class="shape" d="M317 81 389 136 389 211 256 213 226 155 231 86 317 81" />
transform="translate(286.53 178.25)">Megumi</text>
<path <path
d="M333.08,183.53c1.45.61,2.69,1.2,3.95,1.64a6.58,6.58,0,0,0,2.11.31c3.23,0,6.46.05,9.69,0a20.91,20.91,0,0,0,3.41-.49c1.77-.33,2.16.19,2.26,2.77.14,3.92.33,7.84.52,11.76q.32,6.63.67,13.25c0,.73.09,1.47.19,2.19a82.12,82.12,0,0,1,.81,11.23c0,2.6.29,5.2.46,8a8.58,8.58,0,0,0,1.54.19c5.79-.31,11.59-.52,17.38-1a164.44,164.44,0,0,1,26.07-.25c4.43.33,8.86.53,13.29.56,14.66.1,29.33,0,44,.17,2.95,0,5.89.59,8.84.74,3.12.16,6.24.2,9.36.14,1.57,0,2.18-1,2.21-3.36.1-10.26.2-20.52.19-30.77,0-2.69-.37-5.38-.6-8.07-.28-3.33-.69-6.65-.84-10s0-6.54,0-10c-1.16-.56-2.47-.27-3.74-.21-3.66.17-7.32.65-11,.7-9.9.13-19.8.09-29.71.15a12.31,12.31,0,0,0-3.41.42c-2.73.8-5.46.34-8.19.33-1.39,0-2.39-1.27-2.81-3.22s-.67-4-.9-6q-1.31-11.76-2.54-23.54c-.31-3-.52-6-.81-9s-.6-5.82-.94-8.72a3,3,0,0,1,.5-2.62c.6-.6,1.14-.3,1.67.24s.83.81,1.21,1.27a2.24,2.24,0,0,1,.29,2.58,4.59,4.59,0,0,0-.34,3q.91,9.36,1.85,18.72,1,9.84,2,19.7c0,.32,0,.65.08,1,.29,2.33.45,2.4,2,2.59,2.79.34,5.54-.24,8.31-.55a96.36,96.36,0,0,1,10.34-.07c6.78,0,13.57,0,20.35-.13,5.2-.12,10.38-.53,15.57-.8a7.66,7.66,0,0,1,.83,0c2.08,0,2.52.71,2.26,3.89a91.45,91.45,0,0,0,.12,15.7c.33,3.74.72,7.46,1.07,11.2.07.72.1,1.47.1,2.2l-.18,28.32c0,.82-.08,1.63-.1,2.45-.11,4.21-2,6.38-4.45,6.48-3.82.15-7.65-.13-11.47-.3-3.56-.16-7.11-.57-10.66-.59-15.32-.1-30.64-.06-46-.17-3.44,0-6.88-.55-10.32-.72-3-.14-5.91,0-8.87-.16-6.9-.27-13.76.83-20.64,1.28-4.15.28-8.31.39-12.47.56a3.45,3.45,0,0,1-1.14-.16c-1.25-.38-1.72-1-1.84-2.9-.26-3.92-.43-7.84-.65-11.76-.11-1.8-.24-3.59-.37-5.38-.28-3.74-.58-7.48-.84-11.23-.21-2.93-.39-5.87-.56-8.81s-.31-5.71-.48-8.73a8,8,0,0,0-1-.13c-4,0-8,.12-12,0a18.36,18.36,0,0,1-3.52-.94,18.18,18.18,0,0,0-2.74-.44c-1.68-.12-2-.51-2-3.1,0-10.09-.14-20.18.38-30.26.18-3.51.15-7.09.6-10.52.52-3.92,1.37-7.75,2.23-11.55a6,6,0,0,1,4.31-4.72,29.81,29.81,0,0,1,5-.9c6.47-1,12.94-2,19.42-2.86,4.13-.53,8.29-.66,12.44-1,4.31-.41,8.61-.94,12.92-1.37,2.56-.25,5.13-.51,7.7-.57,4.43-.1,8.86-.08,13.3,0a9,9,0,0,1,2.9.63,1.92,1.92,0,0,1,1.24,2.37c-.16,1-.76,1.68-1.68,1.37-3-1-6-.46-9-.53a130.64,130.64,0,0,0-23.08,1.77,55.54,55.54,0,0,1-6.56.5,168.42,168.42,0,0,0-20.92,2.43c-4,.63-7.94,1.09-11.91,1.69a7.1,7.1,0,0,0-2.21.83c-.93.48-1.43,1.52-1.78,3a85.49,85.49,0,0,0-2.38,20.71c0,8.45-.21,16.9-.33,25.34C333.07,182,333.08,182.87,333.08,183.53Z" d="M333.08,183.53c1.45.61,2.69,1.2,3.95,1.64a6.58,6.58,0,0,0,2.11.31c3.23,0,6.46.05,9.69,0a20.91,20.91,0,0,0,3.41-.49c1.77-.33,2.16.19,2.26,2.77.14,3.92.33,7.84.52,11.76q.32,6.63.67,13.25c0,.73.09,1.47.19,2.19a82.12,82.12,0,0,1,.81,11.23c0,2.6.29,5.2.46,8a8.58,8.58,0,0,0,1.54.19c5.79-.31,11.59-.52,17.38-1a164.44,164.44,0,0,1,26.07-.25c4.43.33,8.86.53,13.29.56,14.66.1,29.33,0,44,.17,2.95,0,5.89.59,8.84.74,3.12.16,6.24.2,9.36.14,1.57,0,2.18-1,2.21-3.36.1-10.26.2-20.52.19-30.77,0-2.69-.37-5.38-.6-8.07-.28-3.33-.69-6.65-.84-10s0-6.54,0-10c-1.16-.56-2.47-.27-3.74-.21-3.66.17-7.32.65-11,.7-9.9.13-19.8.09-29.71.15a12.31,12.31,0,0,0-3.41.42c-2.73.8-5.46.34-8.19.33-1.39,0-2.39-1.27-2.81-3.22s-.67-4-.9-6q-1.31-11.76-2.54-23.54c-.31-3-.52-6-.81-9s-.6-5.82-.94-8.72a3,3,0,0,1,.5-2.62c.6-.6,1.14-.3,1.67.24s.83.81,1.21,1.27a2.24,2.24,0,0,1,.29,2.58,4.59,4.59,0,0,0-.34,3q.91,9.36,1.85,18.72,1,9.84,2,19.7c0,.32,0,.65.08,1,.29,2.33.45,2.4,2,2.59,2.79.34,5.54-.24,8.31-.55a96.36,96.36,0,0,1,10.34-.07c6.78,0,13.57,0,20.35-.13,5.2-.12,10.38-.53,15.57-.8a7.66,7.66,0,0,1,.83,0c2.08,0,2.52.71,2.26,3.89a91.45,91.45,0,0,0,.12,15.7c.33,3.74.72,7.46,1.07,11.2.07.72.1,1.47.1,2.2l-.18,28.32c0,.82-.08,1.63-.1,2.45-.11,4.21-2,6.38-4.45,6.48-3.82.15-7.65-.13-11.47-.3-3.56-.16-7.11-.57-10.66-.59-15.32-.1-30.64-.06-46-.17-3.44,0-6.88-.55-10.32-.72-3-.14-5.91,0-8.87-.16-6.9-.27-13.76.83-20.64,1.28-4.15.28-8.31.39-12.47.56a3.45,3.45,0,0,1-1.14-.16c-1.25-.38-1.72-1-1.84-2.9-.26-3.92-.43-7.84-.65-11.76-.11-1.8-.24-3.59-.37-5.38-.28-3.74-.58-7.48-.84-11.23-.21-2.93-.39-5.87-.56-8.81s-.31-5.71-.48-8.73a8,8,0,0,0-1-.13c-4,0-8,.12-12,0a18.36,18.36,0,0,1-3.52-.94,18.18,18.18,0,0,0-2.74-.44c-1.68-.12-2-.51-2-3.1,0-10.09-.14-20.18.38-30.26.18-3.51.15-7.09.6-10.52.52-3.92,1.37-7.75,2.23-11.55a6,6,0,0,1,4.31-4.72,29.81,29.81,0,0,1,5-.9c6.47-1,12.94-2,19.42-2.86,4.13-.53,8.29-.66,12.44-1,4.31-.41,8.61-.94,12.92-1.37,2.56-.25,5.13-.51,7.7-.57,4.43-.1,8.86-.08,13.3,0a9,9,0,0,1,2.9.63,1.92,1.92,0,0,1,1.24,2.37c-.16,1-.76,1.68-1.68,1.37-3-1-6-.46-9-.53a130.64,130.64,0,0,0-23.08,1.77,55.54,55.54,0,0,1-6.56.5,168.42,168.42,0,0,0-20.92,2.43c-4,.63-7.94,1.09-11.91,1.69a7.1,7.1,0,0,0-2.21.83c-.93.48-1.43,1.52-1.78,3a85.49,85.49,0,0,0-2.38,20.71c0,8.45-.21,16.9-.33,25.34C333.07,182,333.08,182.87,333.08,183.53Z"
transform="translate(-97.5 -31)" /> transform="translate(-97.5 -31)" />
<text class="cls-2"
transform="translate(286.53 178.25)">Megumi</text>
</g> </g>
<g id="graceKim"> <g id="graceKim">
<path class="shape" d="M5 22 236 0 234 89 141 110 53 115 0 99 5 22" /> <path class="shape" d="M5 22 236 0 234 89 141 110 53 115 0 99 5 22" />
@ -236,11 +240,12 @@
transform="translate(-97.5 -31)" /><text class="cls-2" transform="translate(63.8 65.34)">Grace Kim</text> transform="translate(-97.5 -31)" /><text class="cls-2" transform="translate(63.8 65.34)">Grace Kim</text>
</g> </g>
<g id="mooming"> <g id="mooming">
<path class="shape" d="M860 306 933 295 1079 315 1080 397 989 405 856 394 860 306" /><text class="cls-2" <path class="shape" d="M860 306 933 295 1079 315 1080 397 989 405 856 394 860 306" />
transform="translate(933.15 356.7)">mooming</text>
<path <path
d="M972.71,346.94c.38,1.94,1,3.14,2.41,3.14.94,0,1.42.8,1.41,1.87a1.73,1.73,0,0,1-1.44,1.91c-1.6.18-2.88-.73-3.85-2.63-.33-.65-.6-1.37-1-2.17a12.84,12.84,0,0,1-1.39.35c-1.72.27-2.22-.39-2.33-3.23l-2,.48-.65,12a6.48,6.48,0,0,1,1,.81,2.21,2.21,0,0,1,.07,2.91A3.86,3.86,0,0,0,964,365q-.9,10-1.83,20c-.51,5.44-1,10.87-1.51,16.32-.36,4.22-.63,8.47-.91,12.71-.06.88,0,1.78,0,3,1.33,0,2.57,0,3.8,0,3-.13,5.9-.25,8.85-.46a29.12,29.12,0,0,1,9,1.12,56.19,56.19,0,0,0,13.7,1.84c8.54,0,17.08-.19,25.61,0,4.58.11,9.16.83,13.73,1.36,5.34.62,10.65,1.72,16,1.65,10.5-.14,21,0,31.52-.07a4.51,4.51,0,0,1,4.31,2.29c1.29,2,3.1,2,4.75,2.09,6.61.28,13.23.36,19.85.48a13.56,13.56,0,0,0,1.94-.38c4.73-.7,9.46-1.36,14.19-2.06,3.8-.57,7.61-.8,11.4-1.74,2.84-.7,5.79-.33,8.68-.48,1.22-.07,2.53.39,3.53-1.25.16-.26.61-.21.92-.18,1,.09,2.06.22,3.09.37,1.35.21,2.7.48,4.06.67a18,18,0,0,0,3.1.27c2.4-.09,4.8-.23,7.19-.53.66-.08,1.3-.76,1.91-1.25a2.66,2.66,0,0,0,.78-2.24c0-14.2.19-28.39.11-42.59,0-4.9-.61-9.79-1-14.68-.16-2.2-.36-4.38-.55-6.68a12.8,12.8,0,0,0-3.45.05,43.26,43.26,0,0,1-10.28,1.23c-5.83.29-11.56-1-17.29-2.2-4.7-1-9.39-2.12-14.11-3a52.68,52.68,0,0,0-7.2-.58c-5.36-.25-10.73-.29-16.08-.69-6.61-.5-13.21-1.08-19.8-2-3.52-.49-7-1.83-10.48-2.69-3.06-.75-6.14-1.41-9.23-2-4-.78-8-1.49-12-2.17a22.58,22.58,0,0,0-4.08-.41c-5.69.1-11.38.38-17.07.39a17.61,17.61,0,0,1-5.51-1,9.25,9.25,0,0,1-2.9-2.16,2.53,2.53,0,0,1-.68-2.32,2.05,2.05,0,0,1,1.34-1.84,20.27,20.27,0,0,1,10.2-1.84,1.68,1.68,0,0,1,1.76,1.88c0,1.31-.55,1.95-1.86,2s-2.74,0-4.1.05a5.56,5.56,0,0,0-2.15.71c3.23.88,6.45.72,9.67.62,4.59-.15,9.19-.38,13.78-.23,2.39.07,4.76.95,7.14,1.38,2.82.51,5.64,1.09,8.48,1.34,3.57.33,7,1.77,10.48,2.68a79.38,79.38,0,0,0,11.68,2.32c8.24.84,16.49,1.32,24.74,1.95.71.05,1.42,0,2.13.08,5,.35,10,.52,14.9,1.12,3.09.37,6.15,1.45,9.23,2.1,6.27,1.33,12.53,3,18.91,2.56,3.32-.21,6.66-.07,10-1.14a14.63,14.63,0,0,1,4.58-.3c1.32,0,1.75.65,1.91,2.61.24,3,.39,6,.7,9a238.11,238.11,0,0,1,.94,25.78q-.1,15.87-.17,31.75a5.21,5.21,0,0,1-1.25,3.7,7.52,7.52,0,0,1-5.75,3.05c-2,.05-4,.2-6.07.15a25.85,25.85,0,0,1-3.58-.56c-1.24-.21-2.46-.61-3.65.53-.37.35-1,.24-1.44.24-2.24,0-4.49.1-6.73,0a40.53,40.53,0,0,0-11.26,1.18,56.87,56.87,0,0,1-6.37.81c-4.08.5-8.21.61-12.25,1.57-7.08,1.68-14.19.74-21.28.89-1.91,0-3.81-.45-5.72-.57a6.11,6.11,0,0,1-4.44-2.81,3.17,3.17,0,0,0-2.84-1.41c-9.63,0-19.26-.07-28.89.05a88.9,88.9,0,0,1-17.34-1.49,115.68,115.68,0,0,0-23.41-1.58c-6.18.12-12.37,0-18.55,0-5.49,0-10.88-1.36-16.27-2.67a5.73,5.73,0,0,0-1.63-.23c-5.19.15-10.38.33-15.58.5a4,4,0,0,0-.49,0c-2.17.45-2.41.09-2.46-3.27a187.6,187.6,0,0,1,1.2-19.58c.65-7.14,1.25-14.3,1.9-21.45.34-3.82.73-7.63,1.14-11.43a4.8,4.8,0,0,0-.22-2.81,3.47,3.47,0,0,1-.13-1.4c.28-4.89.58-9.78.87-14.67,0-.57,0-1.15.09-1.71.16-1.28.66-1.93,1.57-2.08,3.74-.65,7.46-1.51,11.21-2,2.77-.37,5.57-.31,8.36-.42,3.5-.14,7-.1,10.49-.44,3.76-.38,7.5-1.11,11.25-1.68a12.38,12.38,0,0,1,1.3-.25c3.66-.16,7.32-.31,11-.42a5.51,5.51,0,0,1,1.79.26,1.88,1.88,0,0,1,1.43,2.19c-.06,1.16-.58,1.78-1.64,1.81s-2.41.06-3.61,0a34.37,34.37,0,0,0-11.88,1.72,16.12,16.12,0,0,1-4.41.56c-5.63.16-11.27.22-16.9.35A23.72,23.72,0,0,0,972.71,346.94Z" d="M972.71,346.94c.38,1.94,1,3.14,2.41,3.14.94,0,1.42.8,1.41,1.87a1.73,1.73,0,0,1-1.44,1.91c-1.6.18-2.88-.73-3.85-2.63-.33-.65-.6-1.37-1-2.17a12.84,12.84,0,0,1-1.39.35c-1.72.27-2.22-.39-2.33-3.23l-2,.48-.65,12a6.48,6.48,0,0,1,1,.81,2.21,2.21,0,0,1,.07,2.91A3.86,3.86,0,0,0,964,365q-.9,10-1.83,20c-.51,5.44-1,10.87-1.51,16.32-.36,4.22-.63,8.47-.91,12.71-.06.88,0,1.78,0,3,1.33,0,2.57,0,3.8,0,3-.13,5.9-.25,8.85-.46a29.12,29.12,0,0,1,9,1.12,56.19,56.19,0,0,0,13.7,1.84c8.54,0,17.08-.19,25.61,0,4.58.11,9.16.83,13.73,1.36,5.34.62,10.65,1.72,16,1.65,10.5-.14,21,0,31.52-.07a4.51,4.51,0,0,1,4.31,2.29c1.29,2,3.1,2,4.75,2.09,6.61.28,13.23.36,19.85.48a13.56,13.56,0,0,0,1.94-.38c4.73-.7,9.46-1.36,14.19-2.06,3.8-.57,7.61-.8,11.4-1.74,2.84-.7,5.79-.33,8.68-.48,1.22-.07,2.53.39,3.53-1.25.16-.26.61-.21.92-.18,1,.09,2.06.22,3.09.37,1.35.21,2.7.48,4.06.67a18,18,0,0,0,3.1.27c2.4-.09,4.8-.23,7.19-.53.66-.08,1.3-.76,1.91-1.25a2.66,2.66,0,0,0,.78-2.24c0-14.2.19-28.39.11-42.59,0-4.9-.61-9.79-1-14.68-.16-2.2-.36-4.38-.55-6.68a12.8,12.8,0,0,0-3.45.05,43.26,43.26,0,0,1-10.28,1.23c-5.83.29-11.56-1-17.29-2.2-4.7-1-9.39-2.12-14.11-3a52.68,52.68,0,0,0-7.2-.58c-5.36-.25-10.73-.29-16.08-.69-6.61-.5-13.21-1.08-19.8-2-3.52-.49-7-1.83-10.48-2.69-3.06-.75-6.14-1.41-9.23-2-4-.78-8-1.49-12-2.17a22.58,22.58,0,0,0-4.08-.41c-5.69.1-11.38.38-17.07.39a17.61,17.61,0,0,1-5.51-1,9.25,9.25,0,0,1-2.9-2.16,2.53,2.53,0,0,1-.68-2.32,2.05,2.05,0,0,1,1.34-1.84,20.27,20.27,0,0,1,10.2-1.84,1.68,1.68,0,0,1,1.76,1.88c0,1.31-.55,1.95-1.86,2s-2.74,0-4.1.05a5.56,5.56,0,0,0-2.15.71c3.23.88,6.45.72,9.67.62,4.59-.15,9.19-.38,13.78-.23,2.39.07,4.76.95,7.14,1.38,2.82.51,5.64,1.09,8.48,1.34,3.57.33,7,1.77,10.48,2.68a79.38,79.38,0,0,0,11.68,2.32c8.24.84,16.49,1.32,24.74,1.95.71.05,1.42,0,2.13.08,5,.35,10,.52,14.9,1.12,3.09.37,6.15,1.45,9.23,2.1,6.27,1.33,12.53,3,18.91,2.56,3.32-.21,6.66-.07,10-1.14a14.63,14.63,0,0,1,4.58-.3c1.32,0,1.75.65,1.91,2.61.24,3,.39,6,.7,9a238.11,238.11,0,0,1,.94,25.78q-.1,15.87-.17,31.75a5.21,5.21,0,0,1-1.25,3.7,7.52,7.52,0,0,1-5.75,3.05c-2,.05-4,.2-6.07.15a25.85,25.85,0,0,1-3.58-.56c-1.24-.21-2.46-.61-3.65.53-.37.35-1,.24-1.44.24-2.24,0-4.49.1-6.73,0a40.53,40.53,0,0,0-11.26,1.18,56.87,56.87,0,0,1-6.37.81c-4.08.5-8.21.61-12.25,1.57-7.08,1.68-14.19.74-21.28.89-1.91,0-3.81-.45-5.72-.57a6.11,6.11,0,0,1-4.44-2.81,3.17,3.17,0,0,0-2.84-1.41c-9.63,0-19.26-.07-28.89.05a88.9,88.9,0,0,1-17.34-1.49,115.68,115.68,0,0,0-23.41-1.58c-6.18.12-12.37,0-18.55,0-5.49,0-10.88-1.36-16.27-2.67a5.73,5.73,0,0,0-1.63-.23c-5.19.15-10.38.33-15.58.5a4,4,0,0,0-.49,0c-2.17.45-2.41.09-2.46-3.27a187.6,187.6,0,0,1,1.2-19.58c.65-7.14,1.25-14.3,1.9-21.45.34-3.82.73-7.63,1.14-11.43a4.8,4.8,0,0,0-.22-2.81,3.47,3.47,0,0,1-.13-1.4c.28-4.89.58-9.78.87-14.67,0-.57,0-1.15.09-1.71.16-1.28.66-1.93,1.57-2.08,3.74-.65,7.46-1.51,11.21-2,2.77-.37,5.57-.31,8.36-.42,3.5-.14,7-.1,10.49-.44,3.76-.38,7.5-1.11,11.25-1.68a12.38,12.38,0,0,1,1.3-.25c3.66-.16,7.32-.31,11-.42a5.51,5.51,0,0,1,1.79.26,1.88,1.88,0,0,1,1.43,2.19c-.06,1.16-.58,1.78-1.64,1.81s-2.41.06-3.61,0a34.37,34.37,0,0,0-11.88,1.72,16.12,16.12,0,0,1-4.41.56c-5.63.16-11.27.22-16.9.35A23.72,23.72,0,0,0,972.71,346.94Z"
transform="translate(-97.5 -31)" /> transform="translate(-97.5 -31)" />
<text class="cls-2"
transform="translate(933.15 356.7)">mooming</text>
</g> </g>
<g id="hongSeoYeon"> <g id="hongSeoYeon">
<path class="shape" <path class="shape"

2
test_data/src/scripts/updateFragment.js
View file

@ -107,7 +107,7 @@ const addFrag = () => {
let _frag = fragments.shift(); let _frag = fragments.shift();
let p = findElementByProperty(participants, 'path', `${_frag.artist}`) let p = findElementByProperty(participants, 'path', `${_frag.artist}`)
if (_frag.artist == "") return; if (_frag.artist == "") return;
let frag = document.querySelector(`._${p.fragId}`).cloneNode(true); // get fragments by artist let frag = document.querySelector(`._${p.fragId}`).cloneNode(true); // get fragment's shape by artist
frag.classList=[]; frag.classList=[];
frag.id= `_${_frag.index}`; frag.id= `_${_frag.index}`;
frag.childNodes[0].setAttribute("href", `${window.location.origin}/${_frag.artist}/#${convertIndexToString(_frag.index)}`); frag.childNodes[0].setAttribute("href", `${window.location.origin}/${_frag.artist}/#${convertIndexToString(_frag.index)}`);