Как использовать QDomDocument для изменения атрибута svg？

Question

Ниже представлен небольшой svg-файл с именем t.svg:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<text id="HW" x="50" y="50" fill="blue" stroke="none" font-family="Microsoft YaHei" font-size="16">10</text>

</svg>

Теперь я хочу показать svg-файл в QSvgWidget, и когда я нажимаю кнопку, текст «10» долженизменить на «60», но на самом деле я попробовал два способа, но оба не удалось.

Ниже приведен весь код проекта Qt.

#ifndef SVG_WIDGET_H
#define SVG_WIDGET_H

#include <QWidget>
#include <QtSvg>
#include <QVBoxLayout>
#include <QPushButton>
#include <QDomDocument>

class SVGWidget : public QWidget
{
    Q_OBJECT

public:
    SVGWidget(QWidget* parent = 0) : QWidget(parent)
    {
        m_btn = new QPushButton("Change");
        connect(m_btn, SIGNAL(clicked(bool)), this, SLOT(change()));

        QFile file(":/t.svg");
        file.open(QFile::ReadOnly | QFile::Text);
        m_domDoc.setContent(&file);
        file.close();

        m_svgWidget = new QSvgWidget;
        m_svgWidget->load(m_domDoc.toByteArray());

        QVBoxLayout* vLayout = new QVBoxLayout(this);
        vLayout->addWidget(m_btn);
        vLayout->addWidget(m_svgWidget);

        this->setFixedSize(800, 480);
    }

    ~SVGWidget()
    {
    }

public slots:
    void change()
    {
        // change the value, I used two ways to try it, but both failed.
        QDomNodeList domNodeList1 = m_domDoc.elementsByTagName("text");

        // way 1
        QDomText domText = domNodeList1.at(0).toText();
        domText.setNodeValue("60");
        qDebug() << "way 1" << domText.nodeValue();

        // way 2
        QDomNode domNode = domNodeList1.at(0);
        domNode.setNodeValue("60");
        qDebug() << "way 2" << domNode.nodeValue();

        // repaint the widget
        m_svgWidget->load(m_domDoc.toByteArray());
    }

private:
    QSvgWidget*   m_svgWidget;
    QPushButton*  m_btn;
    QDomDocument  m_domDoc;
};

#endif // SVG_WIDGET_H

Может кто-нибудь дать мне несколько советов?

Answer 1

Вы должны получить элемент, используя firstChildElement(), затем получить первого потомка и преобразовать его в QDomText и изменить его на setData():

#ifndef SVGWIDGET_H
#define SVGWIDGET_H

#include <QDomDocument>
#include <QFile>
#include <QPushButton>
#include <QSvgWidget>
#include <QVBoxLayout>
#include <QWidget>

class SVGWidget : public QWidget
{
    Q_OBJECT

public:
    SVGWidget(QWidget *parent = 0)
        : QWidget(parent)
    {
        QVBoxLayout* vLayout = new QVBoxLayout(this);
        setFixedSize(800, 480);
        vLayout->addWidget(&m_btn);
        vLayout->addWidget(&m_svgWidget);
        connect(&m_btn, &QPushButton::clicked, this, &SVGWidget::change);

        QFile file(":/t.svg");
        file.open(QFile::ReadOnly | QFile::Text);
        m_domDoc.setContent(&file);
        file.close();
        m_svgWidget.load(m_domDoc.toByteArray());
    }

    ~SVGWidget(){}

public slots:
    void change(){
        QDomElement elementText = m_domDoc.documentElement().firstChildElement("text");
        elementText.firstChild().toText().setData("60");
        m_svgWidget.load(m_domDoc.toByteArray());
    }
private:
    QSvgWidget   m_svgWidget;
    QPushButton  m_btn;
    QDomDocument  m_domDoc;
};

#endif // SVGWIDGET_H