How to use SVG

JoeCFD

It was introduced from 4.1.
https://doc.qt.io/qt-5/qsvgwidget.html
QT += core gui widgets svg <=== you need widgets as well for qsvgwidget

If you simply need a QPixmap from a svg source for other widgets, use QSvgRenderer to paint one.

Saviz

@mrjj

I tried doing what you suggested. Unfortunately it didn't work.

I first cleaned the project and then ran qmake but I still get the same errors.
Maybe I am doing something else wrong? (Like not including something?)

JoeCFD

@Saviz CONFIG += c++17 you also need 17 for Qt 6.
Show this line of your Makefile:
LIBS = $(SUBLIBS)
it should have -lQt5Svg

SGaist

Drop the C++ CONFIG, you do not need that currently.

You should also consider updating to the latest Qt 6.1.

JoeCFD

@Saviz Another possibility is svg is not installed. Run MaintenaceTool to add it. I just installed Qt 6.1.2 in which svg is included. If you can find it in the Qt lib dir, check the path settings for Qt.

Saviz

@JoeCFD

I don't see this line in my qmake file. Maybe that is the reason it doesn't work. Should I add it?

Saviz

@JoeCFD said in How to use SVG:

MaintenaceTool

If I want to only install the SVG components, then what component do I have to select in the MaintenaceTool to install?

mrjj

@Saviz

Hi

It should be included in any of the installer options. Its not a standalone option.

I don't have Qt6 to test with.

So the project I linked cannot run under Qt6 ?

complains about svg ?

Try install the Qt 6.1.2 as @JoeCFD suggests

Saviz

@mrjj

I will give it a try. But my speed is not the best. It may take a while to download the new version. But I will report back how it went. Thank you all for your help

mrjj

@Saviz

Hi
Else a sure bet is installing Qt5.15.
While v6 does offer new things
https://wiki.qt.io/New_Features_in_Qt_6.0
Its mostly if you are using QML and it still has lots of features missing planned
for some later releases.

Saviz

@mrjj

Okay, I will try it. By the way I have one last question. Why isn't there a widget for SVG in QT Designer by default?

mrjj

@Saviz

Why isn't there a widget for SVG in QT Designer by default?

Too much work I would guess. To allow a Widget to be used in design time, a plugin must be made and maintained across many Designers.
And QSvgWidget doesn't have any properties to set at Design time. (besides the svg file) so I gues sit was
not worth the effort.

You can use the Producer Promote feature to allow a Qwidget as a place holder in Designer and then app is run its
the SVG one.

Saviz

@mrjj

Very interesting. Is there a documentation that I can use for the Producer Promote feature so I can learn it?

mrjj

@Saviz

Hi
Its very handy.

In your use case you place a QWidget on the form, right-click and choose to promote.
Then tell it QSvgWidget for class name and it will guess on QSvgWidget.h
Then press Add (+), then then promote.

https://doc.qt.io/qt-5/designer-using-custom-widgets.html

https://stackoverflow.com/questions/33588289/what-is-promote-to-feature-in-qt-creator-and-how-does-it-work

Do note:
Accessing it via Ui-> is possible and you can call the real functions from code, just like any other widget.

Saviz

@mrjj

So, if I want to create a custom widget for SVG, how can I do that? Is there an example that I can follow for promoting a widget to SVG?

(I ask this because I really want to use SVG as default and I need a solution.)
(I am also a beginner so I have no idea where to start :) )

mrjj

@Saviz
Hi
What you mean with custom widget for SVG ?

You mean your own classed based on QSvgWidget ?

Or to simply use QSvgWidget ?

Labidi Ahmed

So i am using Qt 6.2.2 & ran into the same problem the solution was :

in the .pro file its QT+= svg svgwidgets
now you can

#include <QSvgWidgets>

found it in the included svgviewer example in QT qtsvg-svgviewer-example

hope i helped

SMEasy

As explained here, QSvgWidget has been moved to a new module called QtSvgWidgets. According to the documentation:

Header:	#include <QSvgWidget>
CMake:	find_package(Qt6 REQUIRED COMPONENTS SvgWidgets) target_link_libraries(mytarget PRIVATE Qt6::SvgWidgets)
qmake:	QT += svgwidgets
Inherits:	QWidget

So in Qt6 the solution is following:

QT += svgwidgets