QPainter绘制椭圆偏离初始坐标，始终显示在窗口左上角问题

问题描述 #

使用QPainter和QPainterPath绘制椭圆时，坐标字符串开头的M/132.861/30.3958被设定为初始绘制点，但实际椭圆显示在窗口左上角边缘，未按预期位置渲染，相关代码如下：

void MainWindow::paintEvent(QPaintEvent *event) {
    QPainter painter(this);
    QPainterPath path;

    QString coordinates = "M/132.861/30.3958;L/132.519/33.5257;L/131.516/36.5653;L/129.884/39.4993;L/127.656/42.3123;"
                          "L/121.548/47.5134;L/113.459/52.0456;L/103.653/55.7858;L/92.3987/58.6107;L/79.9614/60.3972;"
                          "L/66.608/61.0221;L/53.2542/60.4032;L/40.8162/58.6224;L/29.5604/55.8026;L/19.7533/52.0669;"
                          "L/11.6613/47.5384;L/5.55107/42.34;L/3.32233/39.5281;L/1.68892/36.5948;L/0.684158/33.5556;"
                          "L/0.341357/30.4259;L/0.682737/27.296;L/1.68612/24.2563;L/3.31819/21.3223;L/5.54566/18.5094;"
                          "L/11.6536/13.3083;L/19.7434/8.77603;L/29.5488/5.0359;L/40.8034/2.211;L/53.2406/0.424508;"
                          "L/66.5941/-0.200436;L/79.9478/0.418446;L/92.3859/2.1993;L/103.642/5.01908;L/113.449/8.75477;"
                          "L/121.541/13.2833;L/127.651/18.4817;L/129.88/21.2936;L/131.513/24.2269;L/132.518/27.2661;L/132.861/30.3958";

    QStringList coordsList = coordinates.split(';');
    for (const QString &coord : coordsList) {
        QStringList parts = coord.split('/');
        if (parts.size() == 3) {
            QString command = parts[0];
            qreal x = parts[1].toFloat();
            qreal y = parts[2].toFloat();

            if (command == "M") {
                path.moveTo(x, y);
            } else if (command == "L") {
                path.lineTo(x, y);
            }
        }
    }

    painter.setRenderHint(QPainter::Antialiasing);
    painter.drawPath(path);
}

问题原因 #

1. 坐标数据包含大量接近(0,0)甚至负数的点（如L/66.5941/-0.200436、L/0.341357/30.4259），导致整个路径的边界范围覆盖了窗口左上角区域。
2. 初始点(132.861,30.3958)是椭圆的最右侧端点，而非椭圆中心，所以椭圆的左半部分自然会延伸到x接近0的窗口左上角位置，视觉上造成"初始点未生效"的错觉。

解决办法 #

1. 平移路径到目标区域 #

通过计算路径的边界矩形，将整个路径平移到窗口内的指定位置，避免部分区域出现在左上角：

// 在painter.drawPath(path)前添加以下代码
QRectF pathRect = path.boundingRect();
// 自定义平移量，让椭圆左边缘距窗口左侧50px，上边缘距窗口顶部50px
qreal dx = 50 - pathRect.left();
qreal dy = 50 - pathRect.top();
path.translate(dx, dy);

2. 直接使用QPainter绘制椭圆（更高效） #

既然目标是绘制椭圆，无需用大量折线模拟，直接利用路径的边界矩形调用drawEllipse，性能更优且易控制：

// 替换painter.drawPath(path)为以下代码
QRectF pathRect = path.boundingRect();
// 同样可添加平移逻辑调整位置
pathRect.translate(50 - pathRect.left(), 50 - pathRect.top());
painter.drawEllipse(pathRect);

修改后的完整代码示例 #

void MainWindow::paintEvent(QPaintEvent *event) {
    QPainter painter(this);
    QPainterPath path;

    QString coordinates = "M/132.861/30.3958;L/132.519/33.5257;L/131.516/36.5653;L/129.884/39.4993;L/127.656/42.3123;"
                          "L/121.548/47.5134;L/113.459/52.0456;L/103.653/55.7858;L/92.3987/58.6107;L/79.9614/60.3972;"
                          "L/66.608/61.0221;L/53.2542/60.4032;L/40.8162/58.6224;L/29.5604/55.8026;L/19.7533/52.0669;"
                          "L/11.6613/47.5384;L/5.55107/42.34;L/3.32233/39.5281;L/1.68892/36.5948;L/0.684158/33.5556;"
                          "L/0.341357/30.4259;L/0.682737/27.296;L/1.68612/24.2563;L/3.31819/21.3223;L/5.54566/18.5094;"
                          "L/11.6536/13.3083;L/19.7434/8.77603;L/29.5488/5.0359;L/40.8034/2.211;L/53.2406/0.424508;"
                          "L/66.5941/-0.200436;L/79.9478/0.418446;L/92.3859/2.1993;L/103.642/5.01908;L/113.449/8.75477;"
                          "L/121.541/13.2833;L/127.651/18.4817;L/129.88/21.2936;L/131.513/24.2269;L/132.518/27.2661;L/132.861/30.3958";

    QStringList coordsList = coordinates.split(';');
    for (const QString &coord : coordsList) {
        QStringList parts = coord.split('/');
        if (parts.size() == 3) {
            QString command = parts[0];
            qreal x = parts[1].toFloat();
            qreal y = parts[2].toFloat();

            if (command == "M") {
                path.moveTo(x, y);
            } else if (command == "L") {
                path.lineTo(x, y);
            }
        }
    }

    painter.setRenderHint(QPainter::Antialiasing);
    
    // 平移路径调整位置
    QRectF pathRect = path.boundingRect();
    qreal dx = 50 - pathRect.left();
    qreal dy = 50 - pathRect.top();
    path.translate(dx, dy);
    
    painter.drawPath(path);
}

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