Adding SVG to resource with alias and referencing in QML

[J.Hilk]

@SPlatten soooo
first of, I would like to apologise, copy url is actually the correct one :D

secondly, do use a "tiny" svg it will work:

//main.qml
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Window 2.15
import QtQuick.Layouts 1.15

Window {
    id: root
    width: 800
    height: 600
    visible: true

    Image{
        id:img
        anchors.fill: parent
        source: "qrc:/SomeAliasedSVG.svg"
    }
}

rsc.qrc
<RCC>
    <qresource prefix="/">
        <file>main.qml</file>
        <file alias="SomeAliasedSVG.svg">01_01.svg</file>
    </qresource>
</RCC>

//svg file
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
     viewBox="0 0 30 30">
  <desc>Example SVG file</desc>
  <rect x="10" y="10" width="10" height="10" fill="red"/>
</svg>

works exactly as expected:

[SPlatten]

This post is deleted!

[J.Hilk]

@SPlatten 🤷‍♂️

can you make a minimal compile able example for us ?

[SPlatten]

This post is deleted!

[J.Hilk]

@SPlatten it's not really compile able, is it ?
I don't have your *pro, nor your main.cpp file, nor the folder structure you claim to have.

also giving your Image a width and height does help, because its super tiny without it

[SPlatten]

This post is deleted!

[jsulm]

@SPlatten said in Adding SVG to resource with alias and referencing in QML:

Are they ?

They are relevant to have a compilable example...

[SPlatten]

This post is deleted!

[SPlatten]

This post is deleted!

[JoeCFD]

simply:
source: "/images/stale.svg"

[SPlatten]

This post is deleted!

[JoeCFD]

@SPlatten Yes. You can drop qrc: and alias + root / is good enough.

[SPlatten]

This post is deleted!

[JoeCFD]

@SPlatten without alias you need it.

[SPlatten]

This post is deleted!

[JoeCFD]

@SPlatten I see. All of my images have alias. Therefore, no qrc: is needed anywhere. It is good you drop it as well without alias.
I still use qrc for qml files since they do not have alias
resources/qml/main.qml: source: "qrc:/qml/MainScreen.qml"
resources/qml/main.qml: source: "qrc:/qml/SplashScreen.qml"
I will try to remove it and let you know.

Confirmed: qrc is not needed even when resource files do not have alias. qrc: can be dropped completely.
But not sure why Qt did this. The code with or without qrc: should compile
In Qt6 qml module version numbers are dropped. I am using Qt 5.15.2.

[SPlatten]

This post is deleted!

[JoeCFD]

@SPlatten what is your Qt version? Is this on Linux?
check the file path in your compiled qrc_images.cpp. All your images are compiled into this file. This is my setting.

<RCC>
    <qresource prefix="/res">
        <file alias="background">images/SplashBackground.png</file>
    </qresource>
</RCC>

    Image { /* background image works */
        anchors.centerIn: parent
        source: "/res/background"
        width: parent.width
        height: parent.height
    }

[SPlatten]

This post is deleted!

[SPlatten]

@JoeCFD , I decided to create a simple application to experiment with the resources. I used the same SVG file. The resource file:

<RCC>
    <qresource prefix="/">
        <file alias="stale.svg">stale.svg</file>
        <file>mainWindow.qml</file>
    </qresource>
</RCC>

In the mainwindow:

void MainWindow::paintEvent(QPaintEvent *pobjEvt) {
    Q_UNUSED(pobjEvt);

    QPainter objPainter(this);
    QImage* pobjImage(new QImage(":/stale.svg"));

    bool blnIsNull(pobjImage->isNull());
    qDebug() << QString("Image isNull: %1").arg(((blnIsNull == true) ? "Yes" : "No"));

    objPainter.drawImage(10, 10, *pobjImage);
}

This works absolutely fine and the iamge is displayed correctly. I will not try to use this to figure out why the original isn't working.