Jump to content

.svg file

pburki
 Share

Recommended Posts

Arakel

Arakel

Posted
Posted (edited)

It seems to be a bug. The shape is there but not the fill. The fill is defined as a pattern and not applied to the shapes. All other tools and apps I use can display this file correctly except SVG See & Affinity. 

EDIT: by the way, Windows 10

 

Edited by Arakel
Add OS-Info
Link to comment
Share on other sites
Paul Mudditt

Paul Mudditt

Posted
Posted

This is how this opens in vectornator so a problem with the SVG file, I guess whatever fill was applied was not supported by SVG. Make sure you select rasterise unsupported features if it was exported from Designer.

B3AFBF0C-BDFB-41DC-8F28-CBE799456BD3.png

 

My dad always told me, a bad workman always blames their tools….

Just waiting for Ronny Pickering…..

Affinity Photo, Designer, Publisher 1.10 and 2.0 on macOS Ventura 13.3 Beta on M1 Mac Mini 16GB 1TB
Affinity Photo, Designer, Publisher 1.10 and 2.0 on Windows 10 Pro.
Affinity Photo, Designer, Publisher 2.0 on M1 iPad Pro 11” on iPadOS 16.4 beta 
 

https://www.facebook.com/groups/AffinityForiPad

https://www.facebook.com/groups/AffinityPhoto/

The hardest link to find https://affinity.help

Link to comment
Share on other sites
Arakel

Arakel

Posted
Posted
19 minutes ago, Paul Mudditt said:

This is how this opens in vectornator so a problem with the SVG file, I guess whatever fill was applied was not supported by SVG. Make sure you select rasterise unsupported features if it was exported from Designer.

As far as I understand, the file was generated by another application. It may even have been handwritten as source code.
Open the file with a text editor, the <style> block is correct. The pattern as far as I understand it too. Maybe the "fill: url(...)" is outside of the SVG specification, I'm not that deep into the topic. All the programs I've opened the file with display it correctly, just not SVG See and Affinity.

I guess Serif will take a look. 

Link to comment
Share on other sites
Paul Mudditt

Paul Mudditt

Posted
Posted
3 minutes ago, Arakel said:

As far as I understand, the file was generated by another application. It may even have been handwritten as source code.
Open the file with a text editor, the <style> block is correct. The pattern as far as I understand it too. Maybe the "fill: url(...)" is outside of the SVG specification, I'm not that deep into the topic. All the programs I've opened the file with display it correctly, just not SVG See and Affinity.

I guess Serif will take a look. 

Which programs (not browsers) were able to open the file “correctly”?

 

My dad always told me, a bad workman always blames their tools….

Just waiting for Ronny Pickering…..

Affinity Photo, Designer, Publisher 1.10 and 2.0 on macOS Ventura 13.3 Beta on M1 Mac Mini 16GB 1TB
Affinity Photo, Designer, Publisher 1.10 and 2.0 on Windows 10 Pro.
Affinity Photo, Designer, Publisher 2.0 on M1 iPad Pro 11” on iPadOS 16.4 beta 
 

https://www.facebook.com/groups/AffinityForiPad

https://www.facebook.com/groups/AffinityPhoto/

The hardest link to find https://affinity.help

Link to comment
Share on other sites
Paul Mudditt

Paul Mudditt

Posted
Posted

Vector Q gave an error message on import, so again I state the SVG is invalid.

EC9BDA0C-25C7-4F62-82B1-D24BCF4B1875.jpeg

 

My dad always told me, a bad workman always blames their tools….

Just waiting for Ronny Pickering…..

Affinity Photo, Designer, Publisher 1.10 and 2.0 on macOS Ventura 13.3 Beta on M1 Mac Mini 16GB 1TB
Affinity Photo, Designer, Publisher 1.10 and 2.0 on Windows 10 Pro.
Affinity Photo, Designer, Publisher 2.0 on M1 iPad Pro 11” on iPadOS 16.4 beta 
 

https://www.facebook.com/groups/AffinityForiPad

https://www.facebook.com/groups/AffinityPhoto/

The hardest link to find https://affinity.help

Link to comment
Share on other sites
Arakel

Arakel

Posted
Posted (edited)
4 minutes ago, Paul Mudditt said:

Which programs (not browsers) were able to open the file “correctly”?

Inkscape and PhotoLine does correctly. LibreOffice Draw showed the fill but with black as background. 

Edited by Arakel
typo
Link to comment
Share on other sites
Paul Mudditt

Paul Mudditt

Posted
Posted

Ok, eventually found an app that tries to open it, Amadine, but it doesn’t look like your image.

78B44CFB-3680-4E06-A772-CA3C392167C5.png

 

My dad always told me, a bad workman always blames their tools….

Just waiting for Ronny Pickering…..

Affinity Photo, Designer, Publisher 1.10 and 2.0 on macOS Ventura 13.3 Beta on M1 Mac Mini 16GB 1TB
Affinity Photo, Designer, Publisher 1.10 and 2.0 on Windows 10 Pro.
Affinity Photo, Designer, Publisher 2.0 on M1 iPad Pro 11” on iPadOS 16.4 beta 
 

https://www.facebook.com/groups/AffinityForiPad

https://www.facebook.com/groups/AffinityPhoto/

The hardest link to find https://affinity.help

Link to comment
Share on other sites
Paul Mudditt

Paul Mudditt

Posted
Posted

Hmmm shapes are there and a fill can be added

Original

<?xml version="1.0" encoding="UTF-8"?>

<svg id="Livello_1" data-name="Livello 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1080 1080">

  <defs>

    <style>

      .cls-1 {

        fill: none;

      }

 

      .cls-2 {

        fill: #6d534d;

      }

 

      .cls-3 {

        fill: url(#Nuovo_campione_pattern_3);

      }

    </style>

    <pattern id="Nuovo_campione_pattern_3" data-name="Nuovo campione pattern 3" x="0" y="0" width="7.09" height="7.09" patternTransform="translate(-17.53 -9150.25) rotate(127.26) scale(2.83)" patternUnits="userSpaceOnUse" viewBox="0 0 7.09 7.09">

      <g>

        <rect class="cls-1" width="7.09" height="7.09"/>

        <circle class="cls-2" cx="-1.16" cy="3.54" r="1.98"/>

        <circle class="cls-2" cx="5.93" cy="3.54" r="1.98"/>

      </g>

    </pattern>

  </defs>

  <circle class="cls-3" cx="540" cy="363.7" r="270.37"/>

  <path class="cls-3" d="M684.85,634.95c-41.87,26.62-91.56,42.05-144.85,42.05s-102.98-15.43-144.85-42.05c-196.61,13.13-352.03,176.74-352.03,376.67v68.38h993.76v-68.38c0-199.94-155.42-363.55-352.03-376.67Z"/>

</svg>

 

Designer export with fill added

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" viewBox="0 0 1080 1080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">

    <circle cx="540" cy="363.7" r="270.37" style="fill:rgb(153,91,180);"/>

    <path d="M684.85,634.95C642.98,661.57 593.29,677 540,677C486.71,677 437.02,661.57 395.15,634.95C198.54,648.08 43.12,811.69 43.12,1011.62L43.12,1080L1036.88,1080L1036.88,1011.62C1036.88,811.68 881.46,648.07 684.85,634.95Z" style="fill:rgb(153,91,180);fill-rule:nonzero;"/>

</svg>

 

Ok, I’m no XML expert but I agree with you there is a problem with the software that created the  SVG. But perhaps a Dev will have time to look at this when the Op adds how they are creating the SVG.

 

My dad always told me, a bad workman always blames their tools….

Just waiting for Ronny Pickering…..

Affinity Photo, Designer, Publisher 1.10 and 2.0 on macOS Ventura 13.3 Beta on M1 Mac Mini 16GB 1TB
Affinity Photo, Designer, Publisher 1.10 and 2.0 on Windows 10 Pro.
Affinity Photo, Designer, Publisher 2.0 on M1 iPad Pro 11” on iPadOS 16.4 beta 
 

https://www.facebook.com/groups/AffinityForiPad

https://www.facebook.com/groups/AffinityPhoto/

The hardest link to find https://affinity.help

Link to comment
Share on other sites
Paul Mudditt

Paul Mudditt

Posted
Posted

I was hoping the Op might respond, thank you for your comments.

 

My dad always told me, a bad workman always blames their tools….

Just waiting for Ronny Pickering…..

Affinity Photo, Designer, Publisher 1.10 and 2.0 on macOS Ventura 13.3 Beta on M1 Mac Mini 16GB 1TB
Affinity Photo, Designer, Publisher 1.10 and 2.0 on Windows 10 Pro.
Affinity Photo, Designer, Publisher 2.0 on M1 iPad Pro 11” on iPadOS 16.4 beta 
 

https://www.facebook.com/groups/AffinityForiPad

https://www.facebook.com/groups/AffinityPhoto/

The hardest link to find https://affinity.help

Link to comment
Share on other sites
Hangman

Hangman

Posted
Posted

The issue opening the file in Affinity Designer is that the SVG file uses Styles which are not currently supported in the Affinity Suite. The file itself references an Illustrator Pattern Swatch, fill: url(#Nuovo_campione_pattern_3);

Removing the Syle from the SVG file will allow you to see the basic shapes...

656148901_ManwithoutStyle.jpg.dbcf75caf08eee8ce3f88ff5725ab08e.jpg

 

If the graphic designer who created it can provide the pattern itself ideally as a vector file, you could use it to create your own bitmap fill (depending on how and where the file is designed to be used) or create your own like in the quick attached sample...

Note: The bitmap pattern in the attached sample is only 72dpi but again depending on the end use for the file, could be a higher resolution.

2022-11-30 Icon_V3.svgDotty Man.afdesignDotty Man.svg

Affinity Designer 2.0.4.61 | Affinity Photo 2.0.4.326 | Affinity Publisher 2.0.4.1701
Affinity Designer Beta 2.1.0.1732 | Affinity Photo Beta 2.1.0.1732 | Affinity Publisher Beta 2.1.0.1732
Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.6
MacBook Pro 16GB, macOS Monterey 12.6.1

Link to comment
Share on other sites
Hangman

Hangman

Posted
Posted

You could equally just add the dot pattern as a vector clipping path instead of applying them as a bitmap fill...

Dotty Man v2.afdesignDotty Man v2.svg

Affinity Designer 2.0.4.61 | Affinity Photo 2.0.4.326 | Affinity Publisher 2.0.4.1701
Affinity Designer Beta 2.1.0.1732 | Affinity Photo Beta 2.1.0.1732 | Affinity Publisher Beta 2.1.0.1732
Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.6
MacBook Pro 16GB, macOS Monterey 12.6.1

Link to comment
Share on other sites

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...
×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.

  I accept