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 305 results

  1. 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
  2. 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
  3. 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
  4. 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?
  5. [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
  6. 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...
  7. 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.
  8. 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
  9. 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
  10. 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
  11. 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.
  12. 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
  13. 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.
  14. 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?
  15. I'm using AD to create graphics and then export them to SVG format. When working with named layers those layers get exported with an ID set to the name, so it's easy to reference the group from Javascript. Perfect. But SVG format has a lot of different attributes that can be used. How can I add or specify such values so that these get correctly exported into the SVG file?
  16. Hi, new guy here. o/ I recently purchased and started using both Photo and Designer after having used Photoshop and Illustrator for many many years, not a heavy user but I know my way around it. Will take a while before I can switch completely, but I like the direction of both Affinity tools. Keep up the good work! First thing I tried with Designer is port some of the assets from AI and use Export Persona for exporting both PNG and SVG. While PNG works fine, SVG not so much. I've searched the forum, but wasn't able to find a concrete answer. Hence this topic. 1. Ability to retain width and height of the artboard as well as the viewbox. Checking off `Set viewbox` option in the export setting does set the height and width attributes, but it also removes the viewbox property, which is not ideal. For example AI handles this through `Responsive` setting in SVG export options; checking it removes width and height, otherwise both are always present. 2. Output SVG contains unwanted (unnecessary perhaps?) clipping elements and references and an empty artboard rect. In the below example only `<path />` is wanted and none of the other stuff. I imagine this is necessary if the slice is smaller than the artboard. But this is exactly what `viewbox` is for — to clip unwanted areas of an SVG. 3. Presentational attributes: `fill="#ebebeb"` instead of `style="fill:#ebebeb;"`. I do believe this was mentioned in one of the topics I found, but there was no clear answer to the issue. Perhaps something similar to AI SVG options where you can select how you want those properties to be exported. 4. Long-shot, but perhaps something similar to SVGO for minification. <svg width="100%" height="100%" viewBox="0 0 200 200" 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="0" y="0" width="200" height="200" style="fill:none;" /> <clipPath id="_clip1"> <rect id="Artboard11" x="0" y="0" width="200" height="200" /> </clipPath> <g clip-path="url(#_clip1)"> <path d="..." style="fill:#ebebeb;" /> </g> </svg>
  17. I am trying to open the enclosed SVG file with AD 1.5.5 on macOS 10.12.4 which results in the state shown in the screenshot. Other apps (Safari, Firefox, Inkscape) can render the file correctly. Affinity Photo also isn't able to render this file. W3C Validator says it is valid. What can I do to import the SVG file into AD? Coat_of_arms_of_Hannover.svg
  18. Hi, Is it somehow possible to import a SVG into an existing AD drawboard, and make the vectors part of the design, without working on it as an imbedded object?
  19. Hallo Wie erstellt mann im Affinity Designer Vektordateien die für Schneideplotter verwendet werden können? Bin dabei, von Adobe Illustrator zu Affinity Designer zu wechseln. Leider aber funktionieren die Exportierten EPS oder SVG Datein nicht mehr für den Plotter. Was mache ich falsch? Muss ich die irgendwie speziell aufbereiten? Bitte um Hilfe!
  20. Hello, new Designer user here. I'm a web developer / designer and am trying to create scriptable SVG for web applications. I think I've encountered a bug when exporting a document containing gradients as SVG: I have a document that features several types of gradients and when I export the document allowing no rasterization allowed, one gradient gets inserted to the SVG document with mismatching tags as follows: <linearGradient>....</radialGradient> Chrome displays the following error output: This page contains the following errors:error on line 2095 at column 737: Opening and ending tag mismatch: linearGradient line 0 and radialGradient Below is a rendering of the page up to the first error.
  21. livetheshot

    AD: SVG export error

    Hi There's an error when the image is exported as an SVG. One of the images gets flipped when I export it. See attached screenshots :) slider-navigation.svg
  22. I might be missing something really obvious here, but I can't appear to find any answers. Is it possible to add SVG code around shapes or groups such as animation or href tags via the 'export persona' workspace? If so can anybody guide me to information on how to do so? Cheers.
  23. seiryu

    PDF and SVG import issue

    I'm having an issue opening a specific svg or pdf formatted file. I can display the file fine using other applications but trying to use it as a part of a graphic project is proving impossible. I've attached the pdf, svg and a tiff version of the file so you can see what it should look like. The PDF displays fine using Preview.app and the SVG looks correct in Safari. I note there are a couple other recent reports of issues with pdf and svg file interpretation but not sure if this is related. qrcode-bc-kb.pdf qrcode-bc-kb.svg qrcode-bc-kb.tiff
  24. Hello guys (and affinity designer pros), I tried now 8 hours to fix this bug and it makes me crazy!!! First I have to say, I am not into graphic design, so I am only self-taught and everything I don't know how to do, I don not have any clue where to look for or what to google... I made an image with two colors, black and light green (#8EDB8D). Unfortunately because I don't have any clue about color management, when I save my image as JPG or PNG the colors look pale and sickly. I found out that it has something to do with RGB/CMYK conversion of print views and web views. Anyway I found an article in a forum, that I can save my picture as SVG (no rasterize) and open it again and export from new to JPG and then it should work... actually it did! For lots of small graphics consisting of texts and curves, this was a quite useful and effective workaround for noobs like me. Unfortunately, I made also an important big document with text, curves and pixel layers (I bought a Wacom tablet and drew some sketches, mostly shadows on my (boring) curves to have them look more realistic. I am quite happy with my results, because I started two weeks ago with 'graphic design'. Unfortunately, when I now export to SVG (without rasterize), all pixel layers disappear. If I export to SVG format with rasterize, they appear, but most graphics seem to be placed incorrect and stretched, so it seems to be difficult for lots of small pictures to correct them all by hand after a conversion, which should work automatically. So here's my two questions: 1) Does anyone know the official preferred way to convert my image without workaround (SVG conversion) to have the colors not being shale? 2) If not possible, does anyone know a way, how I can use my workaround with SVG conversion without disappearing all handmade pixel layers or having them stretched? BONUS: Does anyone know something else how to fix this? I'll attach my afdesign file (How to Flyer CMYK4) and a another jpg file (U CMYK) that shows, how the color of the light green should look like after conversion (not that pale, slicky one). Sorry for the probably dumb question... Thanks in advance for your support guys! You can't think how much your help will get me hope again, that it is possible with Affinity Designer to do some basic sketches for my homepage... Best regards, Matthias How to Flyer CMYK4.afdesign
  25. It would be great if we could import multiple (svg/eps/pdf/ai/png/jpg/gif/etc) files into the assets panel.