Jump to content

SVG Rendering error?


NM_

Recommended Posts

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

Link to comment
Share on other sites

  • 4 weeks later...

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

Link to comment
Share on other sites

  • 2 months later...

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.

Link to comment
Share on other sites

  • 2 weeks later...
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.

Link to comment
Share on other sites

  • 3 months later...

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>

...

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

  • 2 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.