WinForms中Stretch模式PictureBox点击坐标映射图片偏差修复

你的代码存在两个核心问题导致坐标偏左上：

• 整数除法丢失精度：pictureBox1.Image.Width/pictureBox1.Width是整数间的除法，会直接舍弃小数部分，导致计算出的原图坐标偏小。
• 未考虑控件边框影响：如果PictureBox设置了边框，pictureBox1.Width包含边框宽度，而图片实际显示在控件的Client区域内，用整个控件尺寸计算会引入误差。

以下分两种场景给出修正方案：

场景1：SizeMode为StretchImage（拉伸图片填充控件） #

如果你的需求是让图片完全填满PictureBox，不保持原始比例，使用以下代码：

private void PictureBox1_MouseClick(object sender, MouseEventArgs e)
{
    if (pictureBox1.Image == null) return;

    // 获取控件内部可显示区域的尺寸，排除边框影响
    var clientWidth = pictureBox1.ClientSize.Width;
    var clientHeight = pictureBox1.ClientSize.Height;
    if (clientWidth == 0 || clientHeight == 0) return;

    // 用浮点数计算比例，避免整数除法精度丢失
    float scaleX = (float)pictureBox1.Image.Width / clientWidth;
    float scaleY = (float)pictureBox1.Image.Height / clientHeight;

    // 转换为原图坐标，用Round保证精度
    int imageX = (int)Math.Round(e.X * scaleX);
    int imageY = (int)Math.Round(e.Y * scaleY);

    // 确保坐标在原图范围内，防止绘制出错
    imageX = Math.Clamp(imageX, 0, pictureBox1.Image.Width - 1);
    imageY = Math.Clamp(imageY, 0, pictureBox1.Image.Height - 1);

    var point = new Point(imageX, imageY);
    var circle = new CircleF(point, 5);
    var path = paths[index];
    var image = new Image<Bgr, byte>(path);
    image.Draw(circle, new Bgr(Color.Red), 5);
    pictureBox1.Image = ToBitmap(image);
}

场景2：SizeMode为Zoom（保持图片比例缩放、居中显示） #

如果你的实际需求是保持图片比例，让图片在控件内居中显示（此时上下/左右会有空白区域），需要额外计算空白偏移量：

private void PictureBox1_MouseClick(object sender, MouseEventArgs e)
{
    if (pictureBox1.Image == null) return;

    var imageSize = pictureBox1.Image.Size;
    var clientSize = pictureBox1.ClientSize;
    if (clientSize.Width == 0 || clientSize.Height == 0) return;

    // 计算缩放比例：取宽高比例的较小值，保证图片完整显示
    float scaleX = (float)clientSize.Width / imageSize.Width;
    float scaleY = (float)clientSize.Height / imageSize.Height;
    float scale = Math.Min(scaleX, scaleY);

    // 计算图片在控件内的实际显示尺寸
    int displayWidth = (int)Math.Round(imageSize.Width * scale);
    int displayHeight = (int)Math.Round(imageSize.Height * scale);

    // 计算图片居中的空白偏移量
    int offsetX = (clientSize.Width - displayWidth) / 2;
    int offsetY = (clientSize.Height - displayHeight) / 2;

    // 过滤空白区域的点击
    if (e.X < offsetX || e.X >= offsetX + displayWidth || 
        e.Y < offsetY || e.Y >= offsetY + displayHeight)
    {
        return;
    }

    // 转换为原图坐标
    int imageX = (int)Math.Round((e.X - offsetX) / scale);
    int imageY = (int)Math.Round((e.Y - offsetY) / scale);

    // 确保坐标在原图范围内
    imageX = Math.Clamp(imageX, 0, imageSize.Width - 1);
    imageY = Math.Clamp(imageY, 0, imageSize.Height - 1);

    var point = new Point(imageX, imageY);
    var circle = new CircleF(point, 5);
    var path = paths[index];
    var image = new Image<Bgr, byte>(path);
    image.Draw(circle, new Bgr(Color.Red), 5);
    pictureBox1.Image = ToBitmap(image);
}

关键修正点 #

• 用ClientSize替代Size，排除控件边框对尺寸计算的干扰。
• 强制使用浮点数计算比例，避免整数除法丢失精度。
• 加入Math.Clamp限制坐标范围，防止绘制时超出原图边界。

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