SVG Import Issue

• Dec 6, 2022 - 23:48

Hi there,

I'm looking to add an SVG image logo to the bottom of my score, but when I import the file, MuseScore makes it a mere outline instead of a filled image ("Hollow").

How can I fix this? I've attached my SVG to this post as well.

(I'm using MuseScore 4, but I tested this in MuseScore 3, and the same issue occurs.)

Attachment	Size
Hollow.PNG	38.61 KB
disclaimer4.svg	198.26 KB

Comments

jeetee

• Dec 7, 2022 - 09:21

It's because your SVG has conflicting information in it and MuseScore reads the plain SVG attributes for drawing instead of the style="" overrides of it.

Your current path is as follows:

    <path
       id="Entire Music copy"
       fill="none"
       stroke="#000000"
       stroke-width="1"
       d="[…]"
       style="fill:#000000;stroke:none;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

Note how it says to use no fill and stroke with black in size 1. But then at the end you have a style tag that asks for fill with black and no stroke instead.

In the attached I've updated the raw SVG properties to match the intended style information, which'll work out a lot better for you:

    <path
       id="Entire Music copy"
       fill="#000000"
       stroke="none"
       stroke-width="0"
       d="[…]"
       style="fill:#000000;stroke:none;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

Attachment	Size
disclaimer4-fixed.svg	198.26 KB

3uclid

• Dec 7, 2022 - 22:51

Amazing, thank you! I didn't look into the code, and that makes perfect sense.