如何基于鼠标位置缩放Panel并保持光标下区域位置固定？

问题根源 #

直接在Form上缩放时，鼠标坐标与绘制坐标均基于Form客户端区域，无滚动偏移干扰；但Panel启用AutoScroll后，AutoScrollPosition会引入画布偏移量，原有逻辑未考虑该偏移，导致缩放时光标下方的画布点发生移位。

修复方案 #

核心逻辑是保证缩放前后，光标在画布绝对坐标系中的位置不变，需结合Panel的滚动偏移、当前缩放比例同步调整滚动位置与缩放中心。

关键实现步骤 #

1. 将鼠标在Panel客户端的坐标，转换为画布上的绝对坐标（叠加Panel的滚动偏移）
2. 根据滚轮方向计算新的缩放比例
3. 基于画布上的光标位置，反向计算Panel需要调整的滚动偏移量，确保该点始终处于鼠标下方
4. 更新缩放比例并触发重绘

修复后的核心代码示例 #

private float _scale = 1f;
private Image _canvasImage; // 示例画布内容

private void panel1_MouseWheel(object sender, MouseEventArgs e)
{
    // 转换鼠标位置为画布绝对坐标
    PointF canvasMousePos = new PointF(
        e.X + panel1.AutoScrollPosition.X,
        e.Y + panel1.AutoScrollPosition.Y
    );

    // 计算缩放比例（每步10%缩放幅度）
    float scaleDelta = e.Delta > 0 ? 1.1f : 0.9f;
    float newScale = _scale * scaleDelta;

    // 计算滚动偏移调整量，保证光标下的画布点位置不变
    float scrollOffsetX = canvasMousePos.X * (newScale - _scale);
    float scrollOffsetY = canvasMousePos.Y * (newScale - _scale);

    // 更新滚动位置（注意AutoScrollPosition的X/Y为负，需取反计算）
    panel1.AutoScrollPosition = new Point(
        (int)(panel1.AutoScrollPosition.X - scrollOffsetX),
        (int)(panel1.AutoScrollPosition.Y - scrollOffsetY)
    );

    // 更新缩放比例并重绘
    _scale = newScale;
    panel1.Invalidate();
}

private void panel1_Paint(object sender, PaintEventArgs e)
{
    e.Graphics.ScaleTransform(_scale, _scale);
    // 绘制画布内容，使用原始坐标即可，缩放由ScaleTransform处理
    if (_canvasImage != null)
    {
        e.Graphics.DrawImage(_canvasImage, 0, 0);
    }
}

额外注意事项 #

• 需将Panel的AutoScroll属性设置为true
• 若画布有固定尺寸，需同步更新panel1.AutoScrollMinSize为new Size((int)(原始宽度*_scale), (int)(原始高度*_scale))
• 所有画布元素的绘制坐标需使用原始未缩放的数值，缩放逻辑完全交由ScaleTransform处理

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