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 Forums
    • News and Information
    • Affinity Support & Questions
    • Feature Requests & Feedback
    • Bugs in Affinity Designer & Affinity Photo
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Affinity 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 295 results

  1. When exporting the document to SVG, no matter what settings I change I consistantly get one of two outcomes. 1.) --- The SVG becomes a rastered image when the export settings are set to rasterise unsupported properties. Helen's_Bike.svg 2.) --- The SVG becomes broken, Helen's_Bike_0.svg (Only the mask for the handlebars seems to work. All Shadow shapes display unmasked and the shapes used as masks seem to be released. Them being released also means that they are a layer above the Shadow layers) There are no effects on any layers, although there were previously. I had been experimenting with adding a stroke to the outside of the primary NewBike group. I have read multiple other threads that I thought might solve my solution, however nothing is working. Here is the working file Helen's_Bike.afdesign --- I appreciate any help. My only other option is paying a month for Creative Cloud to trace a PNG of the work I've done so far. And I seriously don't want to have to considering I just purchased this. I have a Windows machine and my version is a stable release. I believe version 1.5. this was downloaded half a week ago.
  2. Hi, Don't know if this is the right place to ask this but here goes... I want to be able to export an svg with holes in it. This is what I get when I export: <?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 24 24" 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;"> <path d="M18.072,4.458c0,-0.344 -0.279,-0.622 -0.622,-0.622l-10.9,-0.042c-0.343,0 -0.622,0.279 -0.622,0.622l0,15.126c0,0.344 0.279,0.622 0.622,0.622l10.9,0.042c0.343,0 0.622,-0.279 0.622,-0.622l0,-15.126Zm-6.072,6.298l0,-1.512l-4.045,0l0,1.512l4.045,0Zm2.257,-2.814l0,-1.512l-6.302,0l0,1.512l6.302,0Z"/> </svg> For my project, I only need the path. But when I only insert the path into my project, I just get a full black shape. The culprit is the style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;" If I import the whole svg object... I do see the holes in the shape What am I doing wrong in the export? I just combine (or substract) the 2 shapes prior to exporting so I have one '(Curves)' layer Thanks! - Desired result in one path (without style tag)
  3. I try to export 3 slices as SVG format into a folder where the files already exist and want them to be replaced. The export fails, without a way to confirm a replacement. Exporting to an other folder works.
  4. Hello! I recently purchased AD Designer for my Mac to design & use SVGs in both my vinyl cutting machine and a soon to be delivered laser engraver/cutter. I'd like to create the files and be able to use them interchangeably in the laser and Silhouette Cameo Designer Edition software for my vinyl and paper cutting. When saved as an AD SVG and imported or opened in the Silhouette software, the file usually opens with square proportions, no matter what the original proportions of the SVG file is. The attached PDF shows some examples. The first row does not involve AD and both the original SVG doc from the web and one opened in Inkscape and exported from their software. Both retained proportions correctly. The second row are SVGs created in AD - created with different settings. The first is a whole document export (the workspace of the SVG I opened was tall and narrow). This is a case where it did not open as a square, but proportions are way off The second now was an export of only the single graphic selected. Even though the graphic is taller than it is wide, it opened as a square and is also stretched. Here's a potential work around, but I'f like to avoid having to do this to all docs created in AD. I drew a square box around the graphic and exported the image and the box without background. Because the export was square, it seemed to import to the Silhouette software OK. Am I missing any settings for export that could help preserve the proportions when importing into this software? Would love it if I just have to tweak some settings to get the proper importing. Since other SVGs import OK (the source SVG and one created in Inkscape), There must be something different in the way I'm creating the AD SVG. Thanks, Bill Silhouette Studio SVG Export Issue.pdf
  5. There should be an option to not apply IDs to the SVG for a smaller file size. <?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 90 90" 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;"><rect id="SomeRectangle" x="12.42" y="21.24" width="38.52" height="42.84" style="fill:#03006b;"/></svg> See id="SomeRectangle"? Is there an option to strip all of these?
  6. This might just be missing something, but I'm out of ideas. I've used AD's SVG export before, and not found this problem. AD 1.5.5 on MacOS 10.12.5 I have a document with a few lines of text on it, on which I've drawn some export slices and set them up to export to SVG (one slice per line of text). The slices are on the pixel grid, and a whole number of pixels in width/height. When I export, the resulting SVG has dimensions set smaller than the slice - though the full image is in the file, just shrunk. As an example, my first slice is 150x30px, but the SVG exported is 113x23px. I get the same wrong dimensions whether I use the viewbox or the width/height for the export. If I change the slice size, the resulting SVG's dimensions change, but they're always smaller by some amount. The effect is as if the export was scaled down from the original size. I've attached a screengrab from AD showing the correct dimensions, and the SVG showing the wrong dimensions. Let me know if I can provide any other detail. Thanks!
  7. When opening TestArch.svg there are two "router" images missing at the top that should be above the lines going nowhere. If you go to http://www.rapidtables.com/web/tools/svg-viewer-editor.htm; replace the "code" pain with the contents of TestArch.svg; push the "Magnifying glass" resembling a search icon. See incorrect.png from Affinity Designer; See online representation from web as correct.png. Version of Affinity Designer: Mac 1.5.5 Thanks for reviewing. Allen TestArch.svg
  8. Hi there, I want to export my file as svg and this works. But after importing into another program, the proportions are no longer correct. What is wrong? Best regards Timneh
  9. Hi, I tried importing this SVG file in Affinity Designer but there are lots of objects that appear completely out of place. The same file opens perfectly well in Chrome, MS Edge, Inkscape, CorelDRAW and Xara Designer. This file was obtained here: https://openclipart.org/detail/231022/computer-circuit-layout. Computer-Circuit-Layout.svg
  10. scoony

    SVG Export error

    Icon scaling from top left when exported to SVG despite object being centred on canvas and centralised in the Transform tab
  11. In Affinity Designer fails to load import SVG swatches, as exported by Inkscape. 1. Create new Inkscape document. 2. Use colors from swatches 3. Save as SVG 4. Load in AD 5. Colors fail to display. The problem is that I have 20+ documents that were designed using Inkscape and that use swatches, but I would like to effortlessly open them in AD. color-link.svg shows the minimal svg that renders correctly in browsers/Inkscape, but fails to load in AD. swatches.svg shows Inkscape export. (The weird part is that, linear gradients use similar construct, but it is loaded successfully)
  12. Hello, as a Designer & Dev (Game & Web) I usually need SVG's quiet often, I usually need to run those SVG's through a Converter (SVG => to Meshes). But now the Problem beginns, for example, if I use curves with brushes on them, then AD converts those brushes to simple images only (I looked through the exported code of the svgs). This is really bad news for me, Illustrator doesn't do that, Illustrator actually converts those brushes (even complex ones) entirely to SVG valid data. Is there a plan to improve the AD SVG Export Options anytime soon to make this work? If this isn't on the AD Roadmap anytime soon, is there a alternative way to do it then (e.g. Vectorizing those Brush Curves)? I am also missing vectorization of curves and other objects in AD in general, that would help out by quiet a lot. [EDIT:] Seems like most AD Brushes are more or less Images (not the simple standard brushes), what makes it impossible to export it as valid SVG Data / Vectors, except if AD has some smart vectorization features in the future. Why are even Image Brushes allowed in AD? It's the opposite concept of a Vector Application, just wondering. Kind regards, DK
  13. Hi folks, I'm new to the forum and perhaps not searched in the right place but I'm trying to expand SVG icons from the centre as opposed to the top left. Also need to export the file for use in a database. thanks
  14. Tia


    I am not sure where to post questions regarding the usage of A. Designer. Also everything here is titled "iPad", but I am using the Windows version. I created a file and wanted to save it. I was not given the option to save it as .svg :o but only as .afdesign. How can I save it as .svg? Tia
  15. It was brought up in this topic: https://forum.affinity.serif.com/index.php?/topic/16297-any-way-to-force-everything-to-paths-when-exporting-to-svg/ Essentially, when I export to svg I want everything exported as <path>'s but I get some <rect>'s even though they are displayed as (Curve)'s. Is there a solution for this?
  16. [using version of AD] I have attached an SVG file that is not rendering correctly when I try to place it or open it directly in Designer. The SVG image displays correctly in web browsers and in Inkscape. However, AD places some--but not all--of the elements incorrectly. The elements all have the correct shape; e.g., the equals sign looks like an equal sign. However, the equals sign is translated significantly to the right and downward from where it should be. I looked at the XML for the file in Inkscape, and the offending elements don't appear to be anything other than ordinary paths. xyzcubed-back.svg
  17. I really would love to completeley change from AI to Affinity but at the moment, the SVG-export has too much overload for me for web usage as you can see here for one simple icon: AI: <svg xmlns="http://www.w3.org/2000/svg"width="30" height="30" viewBox="0 0 30 30"> <defs><style>.a{fill:#007a53;fill-rule:evenodd;}</style></defs><title>vk4</title> <path class="a" d="M26,7.5h-1.5V27h-5V7.5H18L22,3ZM17.48,25h-5V13.5H11L15,9,19,13.5h-1.5Zm-7-2h-5V11H4L8,6.5,12,11h-1.5Z"/> </svg> Affinity: <?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 30 30" 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;"> <rect id="ArtBoard1" x="-160" y="-760" width="1280" height="800" style="fill:none;"/> <clipPath id="_clip1"> <rect id="ArtBoard11" x="-160" y="-760" width="1280" height="800"/> </clipPath> <g clip-path="url(#_clip1)"> <path d="M10.475,23l-4.95,0l0,-12l-1.5,0l4,-4.5l3.95,4.5l-1.5,0l0,12Zm7,2l-4.95,0l0,-11.5l-1.5,0l4,-4.5l3.95,4.5l-1.5,0l0,11.5Zm8.5,-17.5l-1.5,0l0,19.5l-4.95,0l0,-19.5l-1.5,0l4,-4.5l3.95,4.5Z" style="fill:#007a53;"/> </g> </svg> Could you make an export option for a super minified svg? Especially all the Artboard stuff is unnecessary... or am I'm doing something wrong here? This would be great and I guess many other people would like this feature too...
  18. Assets are a nice way to organize your massive library of components which are usually saved in folders and hard to find when you need them. The problem what I have with assets is the import possibility. For example if I would like to import an icon library of let say 100 icons which I downloaded as SVG or EPS files then it is not possible to drag them all onto the artboard and import them into the assets panel. The only option I found was to double click each and every icon (in some cases group the layers and give them the icon name) and then import one by one. As all of you can imagine, that method takes me ages to import a bigger library of graphic assets. Is there some workaround or did I understand something wrong? Thanks for any feedback! PS: Photoshop files work fine. Just open the document, select all elements you wish to import and done.
  19. Hi all, I tried to open a svg file with a layer with a Cyrillic name: Слой_x0020_1. Unfortunatly Designer crashes during opening this file, without giving an appropriate error: "the crash reporter cannot find and error report to send, or the error report is invalid". Can you please check what went wrong in here? Affinity Designer // Windows 10 Pro 64bit // 12 GB RAM // Dell 2415Q 4K monitor // Nvidia GeForce GT 640. Br. Shirley SAS_Group.svg
  20. Dams

    SVG Export pixelized

    Hi, I am trying to export a SVG to another SVG after some modification. Affinity Designer just totally fail at the task and create a pixelated version which defeat the purpose of vector. It's actually so bad that it looks like pixel art. I have the files to test if you want but won't attach them on a public forum. Thanks
  21. Hey guys, I'm trying to create a calendar icon, but my grid - the blank spaces - are not necessarily "center" in my image. How best to do this? Third icon. Thanks
  22. Hi, When AD imports SVG files, it seems to transform any SVG groups into layers. I made several tests and searched the forums, but I found no conclusive responses to this: is there any way that AD would import SVG groups as AD groups instead of AD layers? Thanks in advance for any help.
  23. Hi Team, I have faced an issue when I put downloaded SVG icons in affinity designer. When I export out the designed vector file as a SVG using the affinity's built in export settings the downloaded SVG icons gets converted into raster images. I have attached a file which reflects my problem. What should I do? 10-careers.svg
  24. PerracoLabs

    SVG import problem

    Does Affinity for Windows support the full SVG standard? Or is something still in progress? I just purchased last week Affinity for Windows, and when opening in Affinity a design which I'm working on which is in SVG format, it doesn't come up 100% right. Affinity gets a few parts wrong. I can't publish here the SVG file, because this is for a product that haven't been released yet. But if you need to see what I mean I can send it to a private email.
  25. Hey guys, I've a really quick question. When exporting my SVG's, they're all given a width and height of 100%. And this is causing me huge issues with the program that's using the SVG's. Traditional SVG uses an actual width and height. AI currently has a flag option, 'responsive', however I cannot find one in AFD. Does anybody know how to export the SVG with non responsive width and height?