Qt中paintEvent内修改SVG后如何显示修改后的图像？

你的代码存在两个核心问题，导致修改后的SVG无法显示：

• 你修改了SVG的DOM结构，但最后绘制的仍是从原文件加载的原始QImage，完全没用到修改后的内容
• 在paintEvent里临时创建QSvgWidget的操作完全无效——既没把它添加到界面，也没利用它渲染修改后的SVG

修正步骤 #

1. 用QSvgRenderer替代QSvgWidget：paintEvent是绘制帧的回调，适合用QSvgRenderer直接将修改后的SVG渲染到painter，而非创建控件
2. 递归遍历所有SVG节点：原代码只遍历根节点的直接子节点，SVG里的<circle>可能嵌套在<g>等标签下，递归才能确保找到目标元素
3. 显式关闭打开的文件：原代码成功打开文件后未关闭，补上file.close()避免资源泄漏
4. 基于修改后的DOM渲染：直接用修改后的QDomDocument生成的字节数组创建渲染器，再绘制到painter

修正后的完整代码 #

void MainWindow::displayAuxChartBySVG(Uart* protocol){
    qDebug() << "displayAuxChartBySVG func";
    QPainter chartPainter(this); // 直接初始化painter，无需单独调用begin
    chartPainter.setRenderHint(QPainter::Antialiasing, true);

    int chartKey = protocol->chartPage;
    char svgFilePath[128];
    sprintf(svgFilePath, "%s/%d.svg", AUX_CHART_IMAGE_SVG_FILE_PATH, chartKey - (e_NORMAL_CHART_COUNT + 1));
    qDebug() << "svgFilePath : " << svgFilePath;

    QFile file(svgFilePath);
    if(!file.open(QFile::ReadOnly | QFile::Text)){
        qDebug() << "file open fail";
        return;
    }

    QDomDocument doc("mydocument");
    if(!doc.setContent(&file)){
        qDebug() << "parse SVG fail";
        file.close();
        return;
    }
    file.close(); // 解析完成后关闭文件

    // 递归遍历所有节点，找到目标circle元素
    auto traverseNodes = [&](auto&& self, QDomNode node) -> void {
        if(node.isNull()) return;
        QDomElement elem = node.toElement();
        if(!elem.isNull()){
            if(elem.tagName() == "circle" && 
               (elem.attribute("id") == "circle00" || elem.attribute("id") == "circle01")){
                elem.setAttribute("stroke", "#00BFFF");
                elem.setAttribute("stroke-width", "20px");
                qDebug() << "success setAttribute";
            }
        }
        // 递归处理子节点
        QDomNode child = node.firstChild();
        while(!child.isNull()){
            self(self, child);
            child = child.nextSibling();
        }
    };
    traverseNodes(traverseNodes, doc.documentElement());

    // 用修改后的SVG内容创建渲染器，绘制到painter
    QSvgRenderer renderer(doc.toByteArray());
    renderer.render(&chartPainter, this->rect()); // 按窗口尺寸绘制，可替换为指定QRect
}

额外说明 #

• 如果需要指定绘制区域，把this->rect()换成目标矩形即可，比如QRect(0, 0, 400, 300)
• 确保SVG文件中确实存在id为circle00/circle01的<circle>元素，且文件路径正确
• 不要在paintEvent中创建持久化控件，该函数仅负责单帧绘制，用渲染器是符合Qt绘制逻辑的正确方式

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