SVG Rendering error?

[NM_]

Hi:

The file in the link appears different in Affinity Designer 1 & 2 compared with other applications including web browsers, other image editors, etc. Possibly, there are formatting idiosyncrasies at play, but the end-result is not what other application render.  Download the file and take a look:

https://github.com/lichess-org/lila/blob/master/public/piece/maestro/bB.svg

bB.svg

[Lee D]

Hi @NM_ Sorry for the delay.

I've added this report to another one already with the developers to look into further.

[goodidea]

I have a similar problem ...

This SVG should have a green filled background:

https://github.com/simonpoole/beautified-JOSM-preset/blob/master/icons/svg-signs/javascript.svg

When I open it in Affinity Designer v1.10.6 or v2.0.3, it has a black background.

I checked it in Adobe Illustrator CS6 (with mac OS 10.14.6) – it renders the SVGs correctly in green ...

javascript.svg

[NM_]

The bug affects Affinity version 1 series too. And it was not fixed in the 2.0.4 update. Hmmm ...

[NM_]

This bug goes back to version 1.  Is it ever going to be fixed?

[Timespider]

I'm having black BG issue when exporting as svg too, but only sometimes, I'm using version 2.0.4
And sometimes with downloaded svg files too.

[NM_]

The broken SVG functionality for so long is bad. I suggest posting the problem on their app store reviews with a less than stellar rating. That seems to get at least somebody's attention. Any new user who would stumble across this bug would immediately give Affinity a negative/one-star rating.

[NM_]

... and did not make it to the 2.1.0 bug fix list either. 

[NM_]

On 1/24/2023 at 9:00 AM, Lee D said:

Hi @NM_ Sorry for the delay.

I've added this report to another one already with the developers to look into further.

Any news? This bug affects the macOS versions too. It is a showstopper, goes back as far as version 1 series, and does not appear to be mentioned in the list of bug fixes for version 2.1.0.

Thanks.

[v_kyr]

Looks to be a precedence problem here ...

Quote

...

<g
   id="Layer_2"
   style="fill:#009800;fill-opacity:1">
  <g
   id="g1327"
   style="fill:#009800;fill-opacity:1">
    <path
   id="path1329"
   fill="#111111"    <!-- Affinity actually would need a fill="#009800" here, in order to render the colorings at all correctly -- >
   stroke="#EEEEEE"
   stroke-width="3.408"
   d="M66.275,1.768    c-41.335,0-64.571,21.371-64.571,65.036v450.123c0,40.844,20.895,62.229,62.192,62.229H515.92    c41.307,0,62.229-20.315,62.229-62.229V66.804c0-42.601-20.923-65.036-63.521-65.036C514.624,1.768,66.133,1.625,66.275,1.768z"
   style="fill:#009800;fill-opacity:1" />
  </g>
</g>

...

 

[NM_]

Interesting, thank you. But in my case, it seems more than just a fill problem. The strokes are also affected. See appearances in Designer vs.  Inkscape in the attached screen captures.

[NM_]

Will this ever be addressed?