图像像素转毫米适配问题：自定义比例下跨尺寸测量方案求助

核心思路是抛弃固定系数，基于图像物理尺寸、画布像素尺寸和用户输入的比例尺动态计算转换关系，具体实现方案如下：

关键参数准备 #

你需要从业务逻辑中获取以下4个核心参数：

• canvasWidthPx：当前画布的像素宽度（比如你的示例中的1536）
• canvasHeightPx：当前画布的像素高度（比如你的示例中的912）
• originalPhysicalSizeMm：原图的实际物理尺寸（可选取宽度或高度，比如原图是A4纸则取宽度210mm，工程图需让用户输入对应实际尺寸）
• scaleDenominator：用户输入的比例尺分母，比如输入1:50则取50，输入1:100则取100

换算逻辑 #

1. 计算每像素对应的图上物理长度：因为画布与原图尺寸严格一致，像素和原图物理尺寸成正比：

   mmPerPixel = originalPhysicalSizeMm / 对应方向的画布像素尺寸
   

   （比如用宽度计算就取canvasWidthPx，用高度计算就取canvasHeightPx，结果一致）

2. 结合比例尺换算实际长度：比例尺1:N表示图上1mm对应实际Nmm，因此最终公式可合并为：

   actualLengthMm = 像素长度 × mmPerPixel × scaleDenominator
   

代码实现 #

替换你原有的固定系数逻辑，改为动态计算：

// 1. 从业务中获取参数（示例值，需替换为实际获取逻辑）
const canvasWidthPx = 1536;
const originalPhysicalWidthMm = 210; // 示例：原图为A4纸宽度
const scaleDenominator = 50; // 用户输入的1:50比例尺

// 2. 计算线条的像素长度（这部分逻辑无需修改）
const pixelLength = Math.sqrt(Math.pow(endX - startX, 2) + Math.pow(endY - startY, 2));

// 3. 动态计算实际毫米长度
const mmPerPixel = originalPhysicalWidthMm / canvasWidthPx;
const actualLengthMm = pixelLength * mmPerPixel * scaleDenominator;

注意事项 #

• 确保originalPhysicalSizeMm是原图的真实物理尺寸，而非缩放后的显示尺寸
• 若原图为非矩形，优先选取带有明确标注的边的尺寸来计算mmPerPixel
• 处理用户输入的比例尺时，需正确解析出分母数值（比如将"1:50"字符串提取为数字50）

内容的提问来源于stack exchange，提问作者Jordan Coletti