azaion/ui
1
0
Fork 0
mirror of https://github.com/azaion/ui.git synced 2026-04-22 09:06:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix annotation photo

Browse Source
This commit is contained in:
Armen Rohalov
2025-05-01 22:19:57 +03:00
parent 805b9ace57
commit af729ed7ad
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/CanvasEditor/CanvasEditor.js
+3 -1
View File
@@ -148,7 +148,7 @@ function CanvasEditor({
if (isDragging || resizeData) { if (isDragging || resizeData) {
e.stopPropagation(); e.stopPropagation();
} }
if (currentDetection && mouseDownPos) { if (currentDetection && mouseDownPos) {
const dx = Math.abs(currentDetection.x2 - currentDetection.x1); const dx = Math.abs(currentDetection.x2 - currentDetection.x1);
const dy = Math.abs(currentDetection.y2 - currentDetection.y1); const dy = Math.abs(currentDetection.y2 - currentDetection.y1);
@@ -161,6 +161,8 @@ function CanvasEditor({
y1: Math.min(currentDetection.y1, currentDetection.y2), y1: Math.min(currentDetection.y1, currentDetection.y2),
x2: Math.max(currentDetection.x1, currentDetection.x2), x2: Math.max(currentDetection.x1, currentDetection.x2),
y2: Math.max(currentDetection.y1, currentDetection.y2), y2: Math.max(currentDetection.y1, currentDetection.y2),
kw: width / containerRef.current.offsetWidth,
kh: height / containerRef.current.offsetHeight
}; };
const newDetections = [...localDetections, normalizedDetection]; const newDetections = [...localDetections, normalizedDetection];
src/services/AnnotationService.js
+4 -4
View File
@@ -52,10 +52,10 @@ export const createAnnotationImage = (videoRef, detections, containerRef) => {
ctx.fillStyle = bgColor; ctx.fillStyle = bgColor;
ctx.strokeStyle = borderColor; ctx.strokeStyle = borderColor;
const x = Math.max(0, detection.x1 || 0); const x = Math.max(0, detection.x1 || 0) * detection.kw;
const y = Math.max(0, detection.y1 || 0); const y = Math.max(0, detection.y1 || 0) * detection.kh;
const width = Math.max(1, (detection.x2 || 0) - (detection.x1 || 0)); const width = Math.max(1, (detection.x2 || 0) - (detection.x1 || 0)) * detection.kw;
const height = Math.max(1, (detection.y2 || 0) - (detection.y1 || 0)); const height = Math.max(1, (detection.y2 || 0) - (detection.y1 || 0)) * detection.kh;
ctx.fillRect(x, y, width, height); ctx.fillRect(x, y, width, height);
ctx.lineWidth = 2; ctx.lineWidth = 2;