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 & Suggestions
  • 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 414 results

  1. 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.
  2. 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.
  3. 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.
  4. 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
  5. 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
  6. Some SVG Files are wrong displayed in Affinity Designer 1.4.2 Flag_of_Brazil.svg Flag_of_the_United_Kingdom.svg
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. This is in reply to: https://twitter.com/genecrucean/status/760973478061219840(I apologize for posting on twitter. Didn't know about this forum.) Basically there is an issue with the svg tag in exported svg's from Designer. It's setting the width="100%" (and height) as opposed to width="85px" which causes issues. Quick video demonstration. https://youtu.be/nvMwkMT-lfY Exported files (before and after) https://dl.dropboxusercontent.com/u/403879/svg_export_bug.zip Cheers
  13. The SVG Export is very overloaded, overcrowded, ...extremly suboptimal. I'll give you an easy sample: Take the Union Jack from the Wikipedia. It has 522 Bytes. That's the code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600"> <clipPath id="t"> <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/> </clipPath> <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/> <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/> <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/> <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/> <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/> </svg> Open it with Affinity Designer. Export it as SVG. It becomes 1528 Bytes. That nearly 3 times more. And the SVG code is just messy. Another sample: Take the Stars and Stripes from the Wikipedia. It has 899 Bytes This is the code <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1235" height="650" viewBox="0 0 7410 3900"> <rect width="7410" height="3900" fill="#b22234"/> <path d="M0,450H7410m0,600H0m0,600H7410m0,600H0m0,600H7410m0,600H0" stroke="#fff" stroke-width="300"/> <rect width="2964" height="2100" fill="#3c3b6e"/> <g fill="#fff"> <g id="s18"> <g id="s9"> <g id="s5"> <g id="s4"> <path id="s" d="M247,90 317.534230,307.082039 132.873218,172.917961H361.126782L176.465770,307.082039z"/> <use xlink:href="#s" y="420"/> <use xlink:href="#s" y="840"/> <use xlink:href="#s" y="1260"/> </g> <use xlink:href="#s" y="1680"/> </g> <use xlink:href="#s4" x="247" y="210"/> </g> <use xlink:href="#s9" x="494"/> </g> <use xlink:href="#s18" x="988"/> <use xlink:href="#s9" x="1976"/> <use xlink:href="#s5" x="2470"/> </g> </svg> Open the SVG with Affinity Designer and export it as SVG. It becomes 13.925 Bytes! That 15 times more!! That caught my breath. Let's try something more complex: the flag of Portugal. (13.160 Bytes) And export it... Result: 53.139 Bytes !!! The files get fat and unreadable. That's totally unacceptable. And that were just simple samples.
  14. Would be great if designer supported the full svg spec. I think what's missing for my particular svgs is supported for nested svgs -- they all show up at the origin rather than with the respective positions defined in the file.
  15. Good evening! I try to get used to Affinity Designer and now have a problem to work with nodes from an SVG file. I have a file that gets loaded asa single layer object. I now want to select some nodes and group them as new object or to cut them with ctrl + x but it always cuts the whole big object, not only the selected nodes. I can delete selected nodes. There is the "Divide" tool, that does get most parts separated into own objects, but sometimes has problems with thin lines like with my shield, it makes big filled objects instead of thin lines. Maybe someone can tell me how I can get own objects out of closed nodes? Problem this shield: gets divided to full black objects: HTML5-SVG-SingleObject.svg shild.svg
  16. As suggested in another post, here's a feature request. In Export Persona, I can export slices to PNG, TIFF, etc. But not SVG. Could support for exporting slices to SVG be added? This would be very useful for me! Thanks, Graham
  17. Hi I had created a icon with vectors. I exported this as an svg (web) after this i uploaded it to https://icomoon.iothat I able to use it as a font on my website but in the preview the icon what not showing up. Now I try to open it in inkscape but there it is blurred (see the attached image). is that a bug? Kind regards, Madlip
  18. I hit a bug with IE9-11 browsers which need their svg backgrounds to have elements with explicit dimensions EG: <?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"><svgwidth="1446px" height="1397px" viewBox="0 0 2600 1397" rather than <?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"><svgwidth="100%" height="100%" viewBox="0 0 2600 1397" which it currently produces. Is there a way to do this currently, or could that be added in soon? IT's a real headache to have to hand code a whole bunch of (multi breakpoint) output files, after every slice output - eg on this project there's about 16 to do each time. FYI the source on the IE bug is at here on stackexchange. Thanks!
  19. These issues were reported before by Mac users. Please try to import the following three filed I attached. They should be loaded as follows ( Photoline correctly imports these). These three sample SVG files demonstrate various SVG import issues in Affinity Designer. The first issue was identified over a year ago, I believe, and I was hoping it would have been solved by now. Photoline had the identical import issues, but these were corrected within a couple of weeks after reporting. I hope the Affinity team is as quick on the uptake :-) svg_import_files.zip
  20. After working for some time with Affinity Photo, yesterday i got the Designer version (needed to vectorize our logo). After vectorizing, i added 3d effect and some shadow. Had to create a real dimension file of 175"x89" at 300dpi and export it as SVG in order to keep the effects in good quality. The issue that i'm having is that it divides the SVG into 3 separate parts (Slices) automatically and the dividing lines are visible. I tried to disable that feature with no success (or maybe i don't know how). Please advise. slice1.svg Logo.afdesign
  21. Hi guys, I am currently attempting to export a rather large, complexly layered SVG file and am having trouble tracking down the content which gets rastered during export. I have actually noticed that sometimes certain grouped elements can create this effect, and by ungrouping then regrouping them can solve the problem, which i guess this may be a bug? My destination for the content must contain zero raster elements. My question is is it possible to identify specific elements which need to be rastered in order to export to SVG successfully so that i can remedy these instead of toggling visibility on everything by process of elimination until i find it? Edit: I have isolated the suggested bug as mentioned above, and have attached a file demonstrating this. Export to SVG indicated elements will be rastered, but if ungrouped then regrouped no rastering occurs and can be exported as normal. group.afdesign
  22. 1) I made a fairly complex graphic with probably 200+ layers and I aim to animate this graphic, probably in After Effects. I named all my elements and organised them in folders and subfolders so it would be easy to identify what is what when it comes to creating the animation. I'm pretty new to After Effects, so learning how to pull files from Illustrator and move forward. The problem I have is: If I export (to .eps, .pdf or .svg) all the folders vanish. In Illustrator there is simply one folder with all the various layers in it (I'm on Illustrator CC 2015 v.19). If find Illustrator's interface a nightmare. Do I really have to go through 200+layers and put them in folders all over again? 2) Do you have any recommendations for programs other than After Effects (which is great, but very complex for my needs) that would work well in animating something produced in AD?
  23. Hi, Came across something interesting: AD seems to have a problem with a Freemind SVG export. Just to check I loaded the SVG into another SVG capable program (Artboard), and that seemed fine after ungrouping the import. That suggests the issue is not the SVG file but rather what Affinity Designer does with it. Please find attached 1 - a Freemind file (made with version 1.1.0 beta 2) 2 - a screenshot of what it looks like on screen in Freemind itself 3 - the exported SVG of that file 4 - a screenshot of what Artboard makes of that SVG file 5 - a screenshot of what Affinity Designer makes of it. (and yes, I know there is a spelink misteake in it :) ) It appears somewhere along the line something goes awry.. Cheers! AD demo.mm.zip AD demo.svg
  24. I need to be able to edit the svg's produced by affinity designer. I would like to animate them and to modify the effects. One major problem I'm having is that there is just no sensible way to export svg's through designer. Code Readability I was pretty upset to discover that the exported code was all exported on a single line, with no options to change the number of required decimal places or to format the code. I could cut down the filesize by less than half just by exporting to two decimal places of precision, which is more than enough for web use (in my cases). Lack of SVG Filters Svg filters are a must for export options. When applying an outer glow, I could use Affinity's built in tool and get a 100kb file, or use an svg filter in illustrator and get a 2kb file. On top of that, when you rasterize the filter, I can't animate it anymore on the web, which means that I just have to use illustrator to get anything done. So in summary: 1. Could you please add support for svg filters in your effects panel. I appreciate that you've got a number of very useful effects in there, but if they all get rasterised upon export, their usefulness is significantly reduced. 2. Could you please format the exported svg in a more readable way, or at least have an option to do so. A few line breaks and tabs add almost nothing to the file size, but it makes it far easier to actually read the output file and to make edits to it in code. Also, please allow us to export to a given precision that would be appropriate. in general, the exporting of svg's just needs work before I can use it in my workflow. Best regards; Saivan.
  25. Hi, For some reason, when I export a file to an SVG format, some of the colours seem to warp (please see attachments – the PNG is how it should be and notice the purplish tinge to SVG version). Also, it doesn't happen with every colour. What can I do to fix this? shieldcornertest.svg
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.