Jump to content
You must now use your email address to sign in [click for more info] ×

SVG incorrectly imported: pattern ignored.


tokai

Recommended Posts

Hi there,

the attached simple example .svg file gets incorrectly imported.

 

Expected output (screenshot of OS X's QuickLook):

173083291_ScreenShot2020-06-14at10_15_24PM.png.77cf0057d8f7d2cef13925fdb8bf933e.png

 

Output I'm getting in Affinity Designer after loading the file:

2063239984_ScreenShot2020-06-14at10_15_35PM.png.c03b12a80b1f46811643f90dca834841.png

 

The pattern is obviously missing. There's no warning either that the document might be rendered improperly because of missing feature/ implementation. (if the loader can't handle some SVG feature there should be some sort of notice to the user, IMHO, so he/she knows if continue working with files things get lost… it's obvious here in the simple test case, but one might be entirely oblivious about those kind of issues in complex files)

 

pattern4.svg

3D and 2D hobby(art)ist. You can follow me on Twitter: @binaryriot or Instagram: binaryriot

Link to comment
Share on other sites

4 hours ago, tokai said:

The pattern is obviously missing. There's no warning either that the document might be rendered improperly because of missing feature/ implementation. (if the loader can't handle some SVG feature there should be some sort of notice to the user, IMHO, so he/she knows if continue working with files things get lost… it's obvious here in the simple test case, but one might be entirely oblivious about those kind of issues in complex files)

Not supported by Affinity Designer - I have never seen import alerts telling users that not all the content is supported and thus not imported in Affinity. It would be nice to know, yes. Other programs imports the file just fine:

Adobe Illustrator CC 2020:

ai.thumb.PNG.10f778d7dd2d078e1bfb958d444f306d.PNG

Inkscape 1.0:

image.png.595853f028dbd5576b7c832deb857cd2.png  

Gravit Designer (here I played around with the shape and vector pattern fill)

image.thumb.png.25d06429c22922295e9115d88acf7284.png

Xara regular view:

image.png.20df3846c12efbb03be25c5a144b747a.png

Xara edit pattern view:

image.png.0b2402f3ebb67b5c2c781bbbcb81d8f0.png

and of course

all browsers 🙂

For once DrawPlus can't either - but it did include clip-art for grown ups. Here one of them inserted instead. 

image.png.12ca13eff0f14cca579ca05ef67a08ab.png

  • "The user interface is supposed to work for me - I am not supposed to work for the user interface."
  • Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else.
  • “When a wise man points at the moon the imbecile examines the finger.” ― Confucius
  • Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver.
Link to comment
Share on other sites

6 hours ago, tokai said:

Hi there,

the attached simple example .svg file gets incorrectly imported.

 

Expected output (screenshot of OS X's QuickLook):

173083291_ScreenShot2020-06-14at10_15_24PM.png.77cf0057d8f7d2cef13925fdb8bf933e.png

 

Output I'm getting in Affinity Designer after loading the file:

2063239984_ScreenShot2020-06-14at10_15_35PM.png.c03b12a80b1f46811643f90dca834841.png

 

The pattern is obviously missing. There's no warning either that the document might be rendered improperly because of missing feature/ implementation. (if the loader can't handle some SVG feature there should be some sort of notice to the user, IMHO, so he/she knows if continue working with files things get lost… it's obvious here in the simple test case, but one might be entirely oblivious about those kind of issues in complex files)

 

pattern4.svg 391 B · 2 downloads

As I can see there’s not a single app that can open this SVG-file on my iPad Pro 12.9" 2020 edition - not Affinity Designer, Not Concepts, not Procreate, not Infinite Painter, no other graphical app on iPadOS...

So, why’s that? I have earlier imported patterned SVG-files... What’s wrong with this file?

 

Happy amateur that playing around with the Affinity Suite - really love typograhics, photographing, colors & forms, AND, Synthesizers!

Macbook Pro 16” M1 2021, iPad Pro 12.9” M1 2021, iPad Pro 10.5” A10X 2017, iMac 27” 5K/i7 late 2015…

Link to comment
Share on other sites

According to the validator of w3c: "This document was successfully checked as SVG 1.1 + URL + HTML + MathML 3.0!", so there's nothing wrong with it in principle. What happens if you open the file in Safari on the iPad?

 

 

BTW, also good old "cairosvg" has no problems with it either, here's the output:

cairosvg.png.78848b97a5cad0574480bd686bbdb3cc.png

 

3D and 2D hobby(art)ist. You can follow me on Twitter: @binaryriot or Instagram: binaryriot

Link to comment
Share on other sites

Affinity Designer iPad...

Takes only seconds to convert it to EPS thru https://cloudconvert.com/svg-to-eps

Then I imported all kind of SVG-patterns without any hussle...

5042C0D9-E899-44E7-81AC-082124002D96.png

Happy amateur that playing around with the Affinity Suite - really love typograhics, photographing, colors & forms, AND, Synthesizers!

Macbook Pro 16” M1 2021, iPad Pro 12.9” M1 2021, iPad Pro 10.5” A10X 2017, iMac 27” 5K/i7 late 2015…

Link to comment
Share on other sites

14 hours ago, tokai said:

Not everyone can put their client works though some 3rd-party cloud conversion service (NDAs, Data Protection Laws, etc. might disagree whit those ;) )

No one does that in a professional workflow for many, many reasons. Except when desperate I guess. And as a customer you will get the original as well in... .AI format (and PDF). In 2001? I received some artwork from Italy with original files in Freehand format... which we also had license for. Ever since I only got output formats plus .AI/.PSD and .PDF. These files can safely be opened and re-edited by other professionel designers. Or the same.

And files are almost always altered in a destructive way by conversion services. Especially when you need them NOT to! This beautiful SVG source:

<?xml version="1.0"?>
<svg width="100%" height="100%" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <pattern id="dots" patternUnits="userSpaceOnUse" width="10" height="10">
            <circle cx="5" cy="5" r="4.25" fill="black" stroke="red" stroke-width="0.5"/>
        </pattern>
    </defs>
    <circle cx="100" cy="100" r="75" fill="url(#dots)" stroke="green" stroke-width="1"/>
</svg>

turned into a mess of layers no longer having a fill pattern:

 image.png.d4edcc912a92339869489656a7f4bd4c.png

The root cause here is that Affinity does not support fill patterns - a nice solution until it perhaps does is a little UX: Affinity telling some properties of the files are not supported and thus not shown. Then users will know why the file looks like it does. Feedback. A cornerstone in UX that makes customers forgive and understand more. 🙂

  • "The user interface is supposed to work for me - I am not supposed to work for the user interface."
  • Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else.
  • “When a wise man points at the moon the imbecile examines the finger.” ― Confucius
  • Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver.
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...
×
×
  • 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.