Spaces:
Running
Running
Upload 2 files
Browse files- index.html +17 -0
index.html
CHANGED
|
@@ -537,6 +537,10 @@
|
|
| 537 |
<div class="result-label">相对坐标 x1 y1 x2 y2</div>
|
| 538 |
<div class="result-code" id="relativeOutput">未选择</div>
|
| 539 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 540 |
<div class="result-card">
|
| 541 |
<div class="result-label">YOLO 格式 cx cy w h</div>
|
| 542 |
<div class="result-code" id="yoloOutput">未选择</div>
|
|
@@ -574,6 +578,7 @@
|
|
| 574 |
absoluteOutput: $("absoluteOutput"),
|
| 575 |
sizeOutput: $("sizeOutput"),
|
| 576 |
relativeOutput: $("relativeOutput"),
|
|
|
|
| 577 |
yoloOutput: $("yoloOutput"),
|
| 578 |
statusLine: $("statusLine")
|
| 579 |
};
|
|
@@ -850,6 +855,10 @@
|
|
| 850 |
return `[${values.join(",")}]`;
|
| 851 |
}
|
| 852 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 853 |
function resultLines(box) {
|
| 854 |
if (!box || !state.image) {
|
| 855 |
return null;
|
|
@@ -873,6 +882,12 @@
|
|
| 873 |
formatRatio(x2 / iw),
|
| 874 |
formatRatio(y2 / ih)
|
| 875 |
]),
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 876 |
yolo: formatList([
|
| 877 |
formatRatio(cx / iw),
|
| 878 |
formatRatio(cy / ih),
|
|
@@ -888,6 +903,7 @@
|
|
| 888 |
controls.absoluteOutput.textContent = "未选择";
|
| 889 |
controls.sizeOutput.textContent = "未选择";
|
| 890 |
controls.relativeOutput.textContent = "未选择";
|
|
|
|
| 891 |
controls.yoloOutput.textContent = "未选择";
|
| 892 |
return;
|
| 893 |
}
|
|
@@ -895,6 +911,7 @@
|
|
| 895 |
controls.absoluteOutput.textContent = values.absolute;
|
| 896 |
controls.sizeOutput.textContent = values.size;
|
| 897 |
controls.relativeOutput.textContent = values.relative;
|
|
|
|
| 898 |
controls.yoloOutput.textContent = values.yolo;
|
| 899 |
}
|
| 900 |
|
|
|
|
| 537 |
<div class="result-label">相对坐标 x1 y1 x2 y2</div>
|
| 538 |
<div class="result-code" id="relativeOutput">未选择</div>
|
| 539 |
</div>
|
| 540 |
+
<div class="result-card">
|
| 541 |
+
<div class="result-label">相对坐标 0-1000 x1 y1 x2 y2</div>
|
| 542 |
+
<div class="result-code" id="relative1000Output">未选择</div>
|
| 543 |
+
</div>
|
| 544 |
<div class="result-card">
|
| 545 |
<div class="result-label">YOLO 格式 cx cy w h</div>
|
| 546 |
<div class="result-code" id="yoloOutput">未选择</div>
|
|
|
|
| 578 |
absoluteOutput: $("absoluteOutput"),
|
| 579 |
sizeOutput: $("sizeOutput"),
|
| 580 |
relativeOutput: $("relativeOutput"),
|
| 581 |
+
relative1000Output: $("relative1000Output"),
|
| 582 |
yoloOutput: $("yoloOutput"),
|
| 583 |
statusLine: $("statusLine")
|
| 584 |
};
|
|
|
|
| 855 |
return `[${values.join(",")}]`;
|
| 856 |
}
|
| 857 |
|
| 858 |
+
function formatScale1000(value) {
|
| 859 |
+
return Number.isFinite(value) ? Math.round(value * 1000) : 0;
|
| 860 |
+
}
|
| 861 |
+
|
| 862 |
function resultLines(box) {
|
| 863 |
if (!box || !state.image) {
|
| 864 |
return null;
|
|
|
|
| 882 |
formatRatio(x2 / iw),
|
| 883 |
formatRatio(y2 / ih)
|
| 884 |
]),
|
| 885 |
+
relative1000: formatList([
|
| 886 |
+
formatScale1000(x1 / iw),
|
| 887 |
+
formatScale1000(y1 / ih),
|
| 888 |
+
formatScale1000(x2 / iw),
|
| 889 |
+
formatScale1000(y2 / ih)
|
| 890 |
+
]),
|
| 891 |
yolo: formatList([
|
| 892 |
formatRatio(cx / iw),
|
| 893 |
formatRatio(cy / ih),
|
|
|
|
| 903 |
controls.absoluteOutput.textContent = "未选择";
|
| 904 |
controls.sizeOutput.textContent = "未选择";
|
| 905 |
controls.relativeOutput.textContent = "未选择";
|
| 906 |
+
controls.relative1000Output.textContent = "未选择";
|
| 907 |
controls.yoloOutput.textContent = "未选择";
|
| 908 |
return;
|
| 909 |
}
|
|
|
|
| 911 |
controls.absoluteOutput.textContent = values.absolute;
|
| 912 |
controls.sizeOutput.textContent = values.size;
|
| 913 |
controls.relativeOutput.textContent = values.relative;
|
| 914 |
+
controls.relative1000Output.textContent = values.relative1000;
|
| 915 |
controls.yoloOutput.textContent = values.yolo;
|
| 916 |
}
|
| 917 |
|