Size Ratio for exported canvas. about jscanify HOT 5 OPEN

// Calculate "width" and "height" of the quadrilateral
 const widthTop = Math.sqrt(Math.pow(topRightCorner.x - topLeftCorner.x, 2) + Math.pow(topRightCorner.y - topLeftCorner.y, 2));
 const widthBottom = Math.sqrt(Math.pow(bottomRightCorner.x - bottomLeftCorner.x, 2) + Math.pow(bottomRightCorner.y - bottomLeftCorner.y, 2));
 const heightLeft = Math.sqrt(Math.pow(topLeftCorner.x - bottomLeftCorner.x, 2) + Math.pow(topLeftCorner.y - bottomLeftCorner.y, 2));
 const heightRight = Math.sqrt(Math.pow(topRightCorner.x - bottomRightCorner.x, 2) + Math.pow(topRightCorner.y - bottomRightCorner.y, 2));

 // Average the widths and heights to account for potential skew
 const avgWidth = (widthTop + widthBottom) / 2;
 const avgHeight = (heightLeft + heightRight) / 2;

 // Determine aspect ratio
 const aspectRatio = avgWidth / avgHeight;

 // Calculate output dimensions based on aspect ratio and max size
 let resultWidth, resultHeight;
 if (aspectRatio > 1) { // Landscape
   resultWidth = maxSize;
   resultHeight = Math.round(maxSize / aspectRatio);
 } else { // Portrait or square
   resultWidth = Math.round(maxSize * aspectRatio);
   resultHeight = maxSize;
 }

const img = cv.imread(imageEl);
                    
const contour = scanner.findPaperContour(img);
console.log(contour);

const cornerPoints = scanner.getCornerPoints(contour);
console.log(cornerPoints);

const topWidth = cornerPoints.topRightCorner.x - cornerPoints.topLeftCorner.x;
const bottomWidth = cornerPoints.bottomRightCorner.x - cornerPoints.bottomLeftCorner.x;
const leftHeight = cornerPoints.bottomLeftCorner.y - cornerPoints.topLeftCorner.y;
const rightHeight = cornerPoints.bottomRightCorner.y - cornerPoints.topRightCorner.y;

console.log(topWidth);
console.log(bottomWidth);
console.log(leftHeight);
console.log(rightHeight);

const width = Math.max(topWidth, bottomWidth);
const height = Math.max(leftHeight, rightHeight);

console.log(width);
console.log(height);

const resultCanvas = scanner.extractPaper(imageEl, width, height);