Jump to content

Search the Community

Showing results for tags 'SVG'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Affinity Support
    • News and Information
    • Affinity Support & Questions
    • Feature Requests & Feedback
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Bug Reporting
    • Report a Bug in Affinity Designer
    • Report a Bug in Affinity Photo
    • Report a Bug in Affinity Publisher
    • (Pre 1.7) Affinity Range Bugs Forums
  • Beta Software Forums
    • Affinity Designer Beta Forums
    • Affinity Photo Beta Forums
    • Affinity Publisher Beta Forums

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL







Found 328 results

  1. I recently got an SVG exported from Sketch and wanted to edit it in Affinity Designer. The SVG looks fine in Finder preview and Chrome/Safari but most paths render black in Affinity. Attached (had to put it in a zip, else upload was refused) is the SVG file. I am looking forward to hearing from you, thanks a lot for your hard work on Affinity Designer! Icon.svg.zip
  2. I am creating some vector illustrations for the web. The image is made up of several layers. When I try to export as an SVG, each option states that some parts will be rasterized. I tried it as is and the whole image is rasterized and becomes unscalable. The whole idea of SVGs are for scaling vector images for various web resolutions. Why can't I do this in Affinity Designer?
  3. Hi, We develop for Autodesk (external) and have a tool that allows users to copy/paste svg into Maya. We've been getting requests from users to better support Affinity so we're testing it out but getting an issue we can't get our head round. Our current workflow (or one of them at least) in Maya is based on the ability to copy SVG info out of e.g. Illustrator/web etc to your clipboard and then paste that directly into Maya (to create 3d geometry). I'm new to Affinity so maybe missing a workflow here but it seems this isn't possible? I've tried copying the clipboard from Affinity into a text editor but that doesn't seem to give any results. What does seem to work is copy/pasting into Illustrator. We also have an 'import svg' function which works fine from Affinity (i.e. File > Export > SVG) so a little in the dark about where the issue lies. Can anyone shed any light on this? i.e. what is actually being copied to the clipboard? Thanks, Chris
  4. codycrossley

    SVG Exports

    In the last week, I've been experiencing issues with exporting files in the SVG format, and I've never encountered this before. For example, I created a 500x500 document. I placed a circled with a 200px radius in the center of the document and exported as an SVG. This was the result I obtained: <?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 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"> <g transform="matrix(1.22699,0,0,1.22699,-29.7546,5.82822)"> <circle cx="228" cy="199" r="163" style="fill:rgb(255,229,43);"/> </g> </svg> Often times, it doesn't even get the viewBox attribute correct (though in this example it did). Is this a new issue? Or is this the byproduct of some setting I'm unaware of making? I've attached the .afdesign file for reference. Thank you so much. yellow_circle.afdesign
  5. Is it possible to paste .svg files into the document? Or this is possible only using "Place Image Tool"? I use Icon8 application and can't copy SVG icons directly from this application to the Affinity. Thank you.
  6. I have a fairly simple logo created in Adobe Illustrator, which has a number of letters each created by simple paths of about 10 points each. It opens perfectly in Affinity Designer, but when I export it to SVG it creates a really big file (~260KB). SVG export from Illustrator creates an 8KB file. It seems the problem lies with one layer in the original file ("Text outline" layer in logo.ai). It's a path tracing the outline of the letters (still with about 10 points each) with a centre-aligned stroke applied. But Designer seems to interpolate hundreds of intermediate points when exporting to SVG. Is this something I am doing wrong? Or is there an issue with Designer's SVG export tool? logo.ai Illustrator.svg Affinity Designer.svg
  7. smallreflection

    Android SVG clipPath

    Question! I recently was working on an Android app and got some design files from a pre-existing source. I opened up some icon SVGs provided to me, opened up in Designer, made some edits and saved out as SVGs again. For some reason, one of them worked and the rest gave this error: ERROR@ line 1 <clipPath> is not supported I copied the vectors from Affinity into Illustrator, saved out again, and that avoided the clipPath error, however the SVGs wouldn't display correctly that way either. Any ideas?
  8. Hej, I am posting this here because I'd consider this or "something about this" as a bug or unexpected behaviour: When I export a path to SVG and the stroke alignment is not centered, the stroke will be expanded to a fully outlined shape in the SVG. I had an non-closed outline style path and the stroke alignment was set to "inside", yet, it was rendered as centered on the artboard. There might be something featuresque about this - but I think one would expect that paths without fill will also export to (not expanded) stroke paths without fill. ... however the stroke alignment is set - especially when it will render as centered on open paths anyway. What do you think? PS: Also maybe a feature request: It would be nice to have an option to exclude the xml definition and the doctype for SVG exports. Would be handy for embedding SVGs directly in HTML. <?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"> best wishes Steffen
  9. Hej, it would be nice to be able to remove the doctype quatsch when exporting SVG files. I regularly embed them directly in HTML and there shall not be more than one doctype in an html file ... apart from that it is not necessary anyway when embedding in html ... <?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"> please! :) cheers
  10. I know you can rename an object by selecting it on the layer panel and then double-clicking on its name. The problem is that if you have a large document with thousands of objects you first need to select the object you want to rename on the document and then spend a looooot of time locating the highlighted item on the layer panel so that you can double-click on its name in order to change it. This should be a lot easier. You just need to add a "rename object" option on the layer menu (and/or the context menu you get for the selected object). We use Affinity Designer to create graphics we then export as SVG files. The name of each object in SVG files is usually VERY IMPORTANT so that you can work with them on web applications. Naming objects should be a lot easier when you have multiple objects on the document. Another way to fix this situation would be that whenever you select a SINGLE object on the document, the layer panel would automatically scroll to that object on the list to make it visible to you (instead of you having to manually look for it on the list, which is a pain if you have hundreds of objects). Once the object has been located for you on the layer panel, you can easily proceed to rename it by double-clicking on its name.
  11. Web developer here, bought Affinity Designer in hopes of switching off Adobe completely. The app was great, got the job done, then I go to export the icon as an SVG and... it saves the color black as "fill:#000". Why Affinity why? :( It should save the color black with no fill tag at all, which will still appear as black, but lets web developers like me then alter the color dynamically via CSS. svg { fill: #888; } Am I hopefully just missing this setting somewhere? Kinda breaks the whole process of making svg icons. I don't want to have to use some important rule or something to overrule such a silly mistake.
  12. Currently Affinity Designer can not open SVG files with embedded <style> Tags. All styles that are applied to elements via classes get discarded. I would be great if AD could support that. Another related useful feature would be to enable editing of elements inside a <defs> tag of an SVG file. I have a lot of svg files which have all their elements wrapped inside a defs tag in order to be used as sprite sheet on a web page later on. Currently when editing such a file in AD the artboard is completely empty so I need to remove the defs tag before editing and then add it back in afterwards manually. It would be cool if AD would handle that.
  13. I'm having difficulty figuring out how to obtain the "SVG Code" for an image I've created in Affinity Designer. Any support is appreciated. Thanks! —S.
  14. Hi, if you open the following SVG: https://de.wikipedia.org/wiki/Flagge_Israels#/media/File:Flag_of_Israel.svg the triangles are not the same as the original (see attached image). But if you change the value for "Gehrung" from "1,41" to e.g. "2", then the result is fine Cheers, Stefan.
  15. Hi, if you import the following svg file: https://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_Kingdom.svg The imported result does not look like the original. It has to do with a mask on a curve. You can delete the mask, so the result looks "more similar" but is not like the original. Cheers, Stefan.
  16. I was making some simple icons in AD for use in our applications. Since we use SVG sprites and set fill & stroke through code, I removed both in AD and exported —what I thought would be— an SVG file with just the path coordinates. Unfortunately, all I get is an empty SVG file. The doctype & svg tag is all there, but the actual paths/shapes are missing. This is easily reproducible by drawing a simple primitive shape, disabling the stroke & fill colours and then exporting to SVG.
  17. Every time I export from Affinity Designer as an SVG file the resulting file gets scaled up by a factor of over 4x. e.g. My document is Legal sized (215.9mm x 355.6mm) but when I open the resulting SVG file I find that it has been scaled up to 899.6mm x 1481.7mm. Since the final destination for my design is an Epilog laser cutter you can see why this isn't acceptable. Any help is very much appreciated.
  18. There is no glyph menu as in Illustrator to choose. Instead of cut in paste from Illustrator or sketch or changing your keyboard in Unicode. I found an alternative.There is a little mac software called "SVGSUS". You can click and drag an icon from this app to another. Of course, it works on Affinity designer. You need to import your icon as SVG or in a folder with a lot of SVG. Material icon are already imported and for font awesome, I found a repositories where all "characters" had been exported in SVG. Check this out: http://www.svgs.us and for font-awesome: https://github.com/encharm/Font-Awesome-SVG-PNG Max
  19. There is no glyph menu as in Illustrator to choose. Instead of cut in paste from Illustrator or sketch or changing your keyboard in Unicode. I found an alternative.There is a little mac software called "SVGSUS". You can click and drag an icon from this app to another. Of course, it works on Affinity designer. You need to import your icon as SVG or in a folder with a lot of SVG. Material icon are already imported and for font awesome, I found a repositories where all "characters" had been exported in SVG. Check this out: http://www.svgs.us and for font-awesome: https://github.com/encharm/Font-Awesome-SVG-PNG Max
  20. Some SVG Files are wrong displayed in Affinity Designer 1.4.2 Flag_of_Brazil.svg Flag_of_the_United_Kingdom.svg
  21. Dear Developers, When exporting a file to SVG with text fields (ASCII art in my case) multiple spaces are written as simple consequent spaces in the XML file. Unfortunately XML, as HTML, will display these as a single space. Declaring xml:space="preserve" as you do, unfortunately does not suffice, because it works only if the string contains only spaces. A better approach would be to use non-breaking spaces: To keep the XML more readable you could code it to change from simple to non-breaking spaces only from the second consequent (included) onwards, so that normal prose would not be cluttered. Just a thought. Thank you in advance. Kind Regards, Philip
  22. Attached is an svg file that opens fine in the browser; however, when I open the file in affinity the document is blank. Any ideas why? many thanks, Drew 557271.svg
  23. Hello, when I am exporting as svg, my stroked paths are becoming fills. Please see attached screen shots. #1 shows the settings as I create the red stroked paths (I have placed them above the raster image for clarity), #2 shows the file after export as a svg-the stroked paths have become red filled with a black stroke around the paths stroke. The svg is also attached (ice cream). Why is this happening? In the past couple of days I was able to create svgs in which the stroked paths stayed stroked paths- file attached (books) -I can't figure out what has changed. I am a new user, any help is appreciated. Thank you. ice cream.svg 7-books wwhite.svg
  24. Hi, The SVG export writes the tags "Height" / "Width" always in percent. Is there an option to set the values in pixels? I found this post in the forum: https://forum.affinity.serif.com/index.php?/topic/8099-set-svg-tag-heightwidth-to-pixel-dimension-on-export/ Thanks Juergen
  25. Hi, I have some publication figures I need to export without loss of resolution. They *should* be entirely vector graphics, but are nevertheless getting rasterized and appear pixelated. The files are composed of 3-4 PDFs (generated in R and fully vector) plus panel letters (e.g. A-D) added in Affinity Designer. In Affinity Designer I can zoom in all the way and still see crisp text and line art. However, upon exporting as PDF, EPS, or SVG no matter what settings are use I get pixelation, even if I set a very high DPI (say 1000) or do not set DPI with the intention of the image remaining fully vector graphic. I am confused because *all* the elements in these files are fully vector graphics, but nonetheless I get loss of resolution upon exporting from Affinity Designer. I'm attaching an example file to this message. Please help!! ...I need to submit high resolution versions of these images to the journal ASAP. Thanks!! Dan. Figure3.afdesign