Qt/C++ - Lesson 044. Saving objects from QGraphicsScene into SVG

SVG, Qt, CorelDraw, QGraphicsScene

Using Qt, you can save the contents of the graphic scene QGraphicsScene to SVG vector graphics files that are opened without problems after such editors as CorelDraw. I propose to write a small application that will save the contents of the graphic scenes in SVG file format, and then open it using CorelDraw.

Project structure

• SvgExample.pro - Project Profile;
• mainwindow.h - header file of the main application window;
• mainwindow.cpp - source file of the main application window, in which all the action will take place;
• mainwindow.ui - file forms the main application window;
• main.cpp - the main boot file source.

mainwindow.ui

In the interface designer we creates button, which will open a dialog box in which we choose the path to save the SVG file. As well as set widget QGraphicsView, in which the graphic scene will be placed.

SvgExample.pro

The project profile is absolutely necessary to connect the SVG module to be able to work with classes of vector graphics.

#-------------------------------------------------
#
# Project created by QtCreator 2016-03-09T23:52:59
#
#-------------------------------------------------
 
QT       += core gui svg
 
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
 
TARGET = SvgExample
TEMPLATE = app
 
 
SOURCES += main.cpp\
        mainwindow.cpp
 
HEADERS  += mainwindow.h
 
FORMS    += mainwindow.ui

main.cpp

#include "mainwindow.h"
#include <QApplication>
 
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
 
    return a.exec();
}

mainwindow.h

So, in the header of the main application window connect QGraphicsScene , QGraphicsRectItem , QSvgGenerator , QFileDialog and QPainter .

On the graphics it will create two rectangles that need to be saved in the SVG file. Saving will be made in the button pressing processing slot, which will cause a dialog box to select the ways to preserve the SVG file.

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
 
#include <QMainWindow>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QSvgGenerator>
#include <QFileDialog>
#include <QPainter>
 
namespace Ui {
class MainWindow;
}
 
class MainWindow : public QMainWindow
{
    Q_OBJECT
 
public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
 
private slots:
    void on_saveButton_clicked();
 
private:
    Ui::MainWindow *ui;
    QGraphicsScene *scene;  
    QString path;           // The path to save the file
};
 
#endif // MAINWINDOW_H

mainwindow.cpp

To set the service parameters and draw graphic objects with a graphic scene used QSvgGenerator class object, but for data transfer and direct rendering in this object will be used by QPainter class object, which set a target to which the rendering will be made using the begin() method, and the purpose of rendering the object itself is directly QSvgGenerator class. Drawing will proizodit using the method of graphic scene render() , through QPainter .

#include "mainwindow.h"
#include "ui_mainwindow.h"
 
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
 
    scene = new QGraphicsScene();
    ui->graphicsView->setScene(scene);
    scene->setSceneRect(0,0,400,400);
 
    // Create the first red rectangle on the graphic scene
    QGraphicsRectItem *rect1 = new QGraphicsRectItem();
    rect1->setRect(10,50,100,50);
    rect1->setBrush(QBrush(Qt::red));
    rect1->setPen(QPen(QBrush(Qt::black),2));
    scene->addItem(rect1);
 
    // And create a second blue rectangle on the graphic scene
    QGraphicsRectItem *rect2 = new QGraphicsRectItem();
    rect2->setRect(150,100,115,75);
    rect2->setBrush(QBrush(Qt::blue));
    rect2->setPen(QPen(QBrush(Qt::black),2));
    scene->addItem(rect2);
}
 
MainWindow::~MainWindow()
{
    delete ui;
}
 
void MainWindow::on_saveButton_clicked()
{
    // Take file path and name that will create
    QString newPath = QFileDialog::getSaveFileName(this, trUtf8("Save SVG"),
        path, tr("SVG files (*.svg)"));
 
    if (newPath.isEmpty())
        return;
 
    path = newPath;
 
    QSvgGenerator generator;        // Create a file generator object
    generator.setFileName(path);    // We set the path to the file where to save vector graphics
    generator.setSize(QSize(scene->width(), scene->height()));  // Set the dimensions of the working area of the document in millimeters
    generator.setViewBox(QRect(0, 0, scene->width(), scene->height())); // Set the work area in the coordinates
    generator.setTitle(trUtf8("SVG Example"));                          // The title document 
    generator.setDescription(trUtf8("File created by SVG Example"));    
 
    QPainter painter;
    painter.begin(&generator); 
    scene->render(&painter);   
    painter.end();              
 
    // At the end we get a vector drawing file with the contents of the graphic scenes
}

Result

As a result of this code you will get the SVG file that successfully opens in CorelDraw.

1. SvgReader on the Qt. Loading data from SVG file into QGraphicsScene

Video