Files
westNeighbor-ComfyUI-ultima…/js/ui/OpenposeEditor.html
T
gaudat f7f707ef64 Remove ABP css rules
Please use Ublock Origin...
2025-02-20 17:54:38 -05:00

96 lines
20 KiB
HTML

<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">
.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon > * {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon::before {
display: none;
}
.anticon .anticon-icon {
display: block;
}
.anticon[tabindex] {
cursor: pointer;
}
.anticon-spin::before,
.anticon-spin {
display: inline-block;
-webkit-animation: loadingCircle 1s infinite linear;
animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loadingCircle {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Openpose Editor</title>
<script type="module" crossorigin="" src="./assets/index-cd1939ba.js"></script>
<link rel="stylesheet" href="./assets/index-22cc811d.css">
<link rel="stylesheet" href="./assets/antd.dark-4fd6fdfe.css"></head>
<body class="dark-theme">
<div id="app" data-v-app=""><div class="ant-row" style="row-gap: 0px;"><div class="ant-col ant-col-8" id="control-panel"><header><div><div class=""><div class="ant-page-header ant-page-header-ghost ant-page-header-compact"><!----><div class="ant-page-header-heading"><div class="ant-page-header-heading-left"><!----><!----><span class="ant-page-header-heading-title"><div class="ant-space ant-space-horizontal ant-space-align-center" style="gap: 8px;"><div class="ant-space-item" style=""><a
href="https://github.com/westNeighbor/ComfyUI-ultimate-openpose-editor" target="_blank"><span role="img" aria-label="github" class="anticon anticon-github"><svg focusable="false" class="" data-icon="github" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4
98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1
0-247.2-200.4-447.3-447.5-447.3z"></path></svg></span></a></div><!----><div class="ant-space-item"><span><b>ComfyUI-ULTIMATE-OPENPOSE-EDITOR</b></span></div><!----><div class="ant-space-item"><a href="https://github.com/westNeighbor/ComfyUI-ultimate-openpose-editor/stargazers" target="_blank">679 <span role="img" aria-label="star" class="anticon anticon-star"><svg focusable="false" class="" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"></path></svg></span></a></div><!----></div></span><!----><!----></div><!----></div><!----><!----></div></div></div></header><!----><div class="ant-divider ant-divider-horizontal ant-divider-no-default-orientation-margin-left ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text" style="margin-left: 0px;">Key Bindings</span></div><div class="ant-descriptions"><!----><div class="ant-descriptions-view"><table><tbody><tr class="ant-descriptions-row"><td class="ant-descriptions-item" colspan="1"><div class="ant-descriptions-item-container"><span class="ant-descriptions-item-label">(SPACE / F) + Drag Mouse</span><span class="ant-descriptions-item-content">Hold key to pan the canvas</span></div></td></tr><tr class="ant-descriptions-row"><td class="ant-descriptions-item" colspan="1"><div class="ant-descriptions-item-container"><span class="ant-descriptions-item-label">Mouse wheel</span><span class="ant-descriptions-item-content">Zoom in/out</span></div></td></tr><tr class="ant-descriptions-row"><td class="ant-descriptions-item" colspan="1"><div class="ant-descriptions-item-container"><span class="ant-descriptions-item-label">Right click</span><span class="ant-descriptions-item-content">Hide keypoint</span></div></td></tr></tbody></table></div></div><div class="ant-divider ant-divider-horizontal ant-divider-no-default-orientation-margin-left ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text" style="margin-left: 0px;">Canvas</span></div><div><div class="ant-space ant-space-horizontal ant-space-align-center" style="gap: 8px;"><div class="ant-space-item" style=""><div class="ant-input-number-group-wrapper"><div class="ant-input-number-wrapper ant-input-number-group"><div class="ant-input-number-group-addon">Width</div><div class="ant-input-number"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg focusable="false" class="" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="64" aria-valuemax="4096" aria-valuenow="512" step="1" type="inputNumber" class="ant-input-number-input"></div></div><div class="ant-input-number-group-addon">px</div></div></div></div><!----><div class="ant-space-item" style=""><div class="ant-input-number-group-wrapper"><div class="ant-input-number-wrapper ant-input-number-group"><div class="ant-input-number-group-addon">Height</div><div class="ant-input-number"><div class="ant-input-number-handler-wrap"><span unselectable="on" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up"><span role="img" aria-label="up" class="anticon anticon-up ant-input-number-handler-up-inner"><svg focusable="false" class="" data-icon="up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"></path></svg></span></span><span unselectable="on" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down"><span role="img" aria-label="down" class="anticon anticon-down ant-input-number-handler-down-inner"><svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><div class="ant-input-number-input-wrap"><input autocomplete="off" role="spinbutton" aria-valuemin="64" aria-valuemax="4096" aria-valuenow="512" step="1" type="inputNumber" class="ant-input-number-input"></div></div><div class="ant-input-number-group-addon">px</div></div></div></div><!----><div class="ant-space-item" style=""><button class="ant-btn" type="button"><!----><span>Resize Canvas</span></button></div><!----><div class="ant-space-item"><button class="ant-btn" type="button"><!----><span>Reset Zoom</span></button></div><!----></div></div><div class="ant-divider ant-divider-horizontal ant-divider-no-default-orientation-margin-left ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text" style="margin-left: 0px;">Background Image</span></div><span><div class="ant-upload ant-upload-select ant-upload-select-picture"><span tabindex="0" class="ant-upload" role="button"><input type="file" accept="image/*" capture="false" style="display: none;"><button class="ant-btn" type="button"><!----><span role="img" aria-label="upload" class="anticon anticon-upload"><svg focusable="false" class="" data-icon="upload" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span><span>Upload Image</span></button></span></div><div class="ant-upload-list ant-upload-list-picture"></div></span><div class="ant-divider ant-divider-horizontal ant-divider-no-default-orientation-margin-left ant-divider-with-text ant-divider-with-text-left" role="separator"><span class="ant-divider-inner-text" style="margin-left: 0px;">Pose Control</span></div><div class="ant-space ant-space-horizontal ant-space-align-center" style="gap: 8px;"><div class="ant-space-item" style=""><button class="ant-btn" type="button"><!----><span role="img" aria-label="plus-square" class="anticon anticon-plus-square"><svg focusable="false" class="" data-icon="plus-square" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"></path></svg></span><span>Add Person</span></button></div><!----><div class="ant-space-item" style=""><span><div class="ant-upload ant-upload-select ant-upload-select-text"><span tabindex="0" class="ant-upload" role="button"><input type="file" accept="application/json" capture="false" style="display: none;"><button class="ant-btn" type="button"><!----><span role="img" aria-label="upload" class="anticon anticon-upload"><svg focusable="false" class="" data-icon="upload" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span><span>Upload JSON</span></button></span></div><!----></span></div><!----><div class="ant-space-item" style=""><button class="ant-btn" type="button"><!----><span role="img" aria-label="download" class="anticon anticon-download"><svg focusable="false" class="" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span><span>Download JSON</span></button></div><!----><div class="ant-space-item"><button class="ant-btn" type="button"><!----><span role="img" aria-label="download" class="anticon anticon-download"><svg focusable="false" class="" data-icon="download" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span><span>Download Image</span></button></div><!----></div><div class="ant-collapse ant-collapse-icon-position-left" role="tablist"><div data-v-1d917c1f="" class="ant-collapse-item"><div class="ant-collapse-header" role="tab" tabindex="0" aria-expanded="false"><div><span role="img" aria-label="right" class="anticon anticon-right ant-collapse-arrow"><svg focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></div><div data-v-1d917c1f="" class="visible-switch" title="Toggle visibility"><div data-v-67f5f644="" class="icon-switch"><span role="img" aria-label="eye" class="anticon anticon-eye"><svg focusable="false" class="" data-icon="eye" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg></span></div></div><div data-v-1d917c1f="" class="group-switch" title="Group/Ungroup object"><div data-v-67f5f644="" class="icon-switch"><span role="img" aria-label="ungroup" class="anticon anticon-ungroup"><svg focusable="false" class="" data-icon="ungroup" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><defs><style></style></defs><path d="M736 550H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16zm-56 136H344v-64h336v64zm208 130c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm0 96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zM736 266H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16zm-56 136H344v-64h336v64zm208-194c39.8 0 72-32.2 72-72s-32.2-72-72-72-72 32.2-72 72 32.2 72 72 72zm0-96c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 64c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm0 96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0 656c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm0 96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z"></path></svg></span></div></div><div data-v-1d917c1f="" class="lock-switch" title="Lock/Unlock object"><div data-v-67f5f644="" class="icon-switch"><span role="img" aria-label="unlock" class="anticon anticon-unlock"><svg focusable="false" class="" data-icon="unlock" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M832 464H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v68c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-68c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zm-40 376H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"></path></svg></span></div></div><svg data-v-3df26ed3="" data-v-1d917c1f="" viewBox="0 0 512 512" class="custom-svg" xmlns="http://www.w3.org/2000/svg" title="Flip object"><g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" stroke="none" data-v-3df26ed3=""><path d="M2488 5099 c-69 -36 -78 -70 -78 -284 0 -166 2 -190 20 -225 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 225 0 166 -2 190 -20 225
-37 73 -127 99 -202 59z" data-v-3df26ed3=""></path><path d="M392 4493 c-18 -9 -43 -30 -55 -47 l-22 -31 -3 -1843 c-2 -1832 -2
-1843 18 -1882 23 -44 80 -80 130 -80 27 0 1478 573 1572 621 24 12 45 34 58
59 20 39 20 56 20 1270 0 1214 0 1231 -20 1270 -13 25 -34 47 -58 59 -101 52
-1545 621 -1575 621 -17 0 -47 -8 -65 -17z m1418 -1933 l0 -1098 -600 -240
-600 -240 0 1578 0 1578 600 -240 600 -240 0 -1098z" data-v-3df26ed3=""></path><path d="M3868 4206 c-417 -167 -772 -312 -789 -322 -17 -11 -40 -35 -50 -54
-18 -33 -19 -84 -19 -1268 0 -1216 0 -1233 20 -1272 13 -25 34 -47 58 -59 94
-48 1545 -621 1572 -621 50 0 107 36 130 80 20 39 20 55 20 1872 l0 1833 -23
39 c-26 46 -77 76 -127 76 -22 -1 -319 -115 -792 -304z m642 -1645 l0 -1579
-600 240 -600 240 0 1098 0 1098 598 240 c328 132 598 241 600 241 1 1 2 -710
2 -1578z" data-v-3df26ed3=""></path><path d="M2488 4189 c-68 -35 -78 -71 -78 -279 0 -161 2 -185 20 -220 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 220 0 161 -2 185 -20 220
-37 73 -127 99 -202 59z" data-v-3df26ed3=""></path><path d="M2488 3289 c-68 -35 -78 -71 -78 -279 0 -161 2 -185 20 -220 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 220 0 161 -2 185 -20 220
-37 73 -127 99 -202 59z" data-v-3df26ed3=""></path><path d="M2488 2389 c-68 -35 -78 -71 -78 -279 0 -161 2 -185 20 -220 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 220 0 161 -2 185 -20 220
-37 73 -127 99 -202 59z" data-v-3df26ed3=""></path><path d="M2488 1489 c-68 -35 -78 -71 -78 -279 0 -210 10 -244 80 -280 50 -25
90 -25 140 0 70 36 80 70 80 280 0 161 -2 185 -20 220 -37 73 -127 99 -202 59z" data-v-3df26ed3=""></path><path d="M2488 589 c-69 -36 -78 -70 -78 -284 0 -166 2 -190 20 -225 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 225 0 166 -2 190 -20 225
-37 73 -127 99 -202 59z" data-v-3df26ed3=""></path></g></svg><span data-v-1d917c1f="" class="">Person 0</span><!----><span data-v-1d917c1f="" role="img" aria-label="close" tabindex="-1" class="anticon anticon-close close-icon"><svg focusable="false" class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span><!----></div><!----></div></div></div><div class="ant-col ant-col-16" id="canvas-panel"><div class="canvas-container" style="width: 1347px; height: 1028px; position: relative; user-select: none;"><canvas class="lower-canvas" width="1616.4000642299652" height="1233.6000490188599" style="position: absolute; width: 1347px; height: 1028px; left: 0px; top: 0px; touch-action: none; user-select: none;"></canvas><canvas class="upper-canvas " width="1616.4000642299652" height="1233.6000490188599" style="position: absolute; width: 1347px; height: 1028px; left: 0px; top: 0px; touch-action: none; user-select: none; cursor: default;"></canvas></div></div></div></div>
<script>
// Accessing data passed from FastAPI
window.dataFromServer = {{ data | safe }};
</script>
</body></html>