mirror of
https://github.com/azaion/ui.git
synced 2026-04-23 02:06:34 +00:00
fix annotation photo
This commit is contained in:
@@ -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];
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user