Jump to content

Search the Community

Showing results for tags 'SVG'.

  • 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







  1. I'm using Affinity Designer for Windows and exporting SVGs with gradients for use with Unity. Unfortunately, Unity's SVG importer seems to have issues with the gradients. Here is what the Unity developer said: For reference, here is the exported circle w/ gradient: <?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="54px" height="54px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:seri
  2. With my free SVG Calendar Tool (https://svg-tools.mensch-mesch.com/calendar/) you can create different types of SVG Calendar Templates (Scalable Vector Graphic) for all Affinity products. This tool is not perfect but it will possibly safe a lot of time. Hope you like this simple tool Keep on drawin' Norbert
  3. Hi, For a project I need to add a <pattern> fill to svg elements. It's no problem generating them by code withJavascript, but it would be a lot faster if there is a way to create these patterns from the Designer-editor. Is there a way to create vector-patterns in Designer that export to a <pattern> element on svg export? Thanks!
  4. Is it possible to add compatibility with SVGO https://jakearchibald.github.io/svgomg/ It is the most popular SVG optimizer for the web. Exported SVG files would be a way lighter. And it would be good to have a checkbox for exporting inline styles as classes it is useful for colorizing SVG using JS or CSS.
  5. I'm evaluating several editors for compatibility with my SVG patterns. The short story of my use case assumes some technical knowledge of the SVG format. I offer a growing collection with hundredths of patterns constrained by a grid and the rules of 2-in 2-out directed graphs. An example is attached. A pattern is defined with one <group> of <path> elements (imported as curves) and a set of <use> elements that repeat this <group> to build the pattern. These <use> elements are imported as copies of the group. For my use case all these groups should be
  6. Hi there, I'm having some SVG issues. I'm using a mid 2014 MacBook Pro (2.2 GHz Intel Core i7). Every time I export an SVG it shows up as a blank white box. Below, you can see the logo I'm trying to export (it's the white logotype with a green shape). When I export as an SVG all I can see in my Mac finder window is a blank square box (see below). When I open the SVG in Illustrator, the logo shows up, but it's not cropped correctly (there's a bunch of white space above and below the logo which I don't have in Affinity). Any help would be greatly appreciated. Thanks !
  7. I'm creating simple Bezier line drawings in Designer and exporting them as SVG files. When I import them into Carbide Create, a CAM app for running a CNC machine, the scaling is too small, generally by a factor of about 5.6. I can't just scale up for two reasons. The lines get choppy and the scale factor is not always exactly the same. I've tried a number of parameter changes to no avail. I have tried this process with iDraw and Inkscape, both export with proper scaling. When I import a Designer created SVG into either Inkscape or iDraw, I also must rescale the image although not necessar
  8. Importing an SVG file into Designer started to result in a single flat pixel layer while a couple of days ago it opened normally as a vector layered image. Even a vector image exported from Designer into an SVG file then opens as one single flat pixel layer. I may have altered the Preferences, but I do not see any reason for which any of the options would affect the import process in such a way. It seems to me that it really started to behave in a weird way. Thanks in advance for help.
  9. Hi, I'm placing an SVG file in Designer and try to convert to curves, but the menu item is disabled. This works perfectly with the same file in PagePlus X9. what am I doing wrong? Greetings, Sigurd
  10. I have recently switched over to Affinity Designer full time from adobe products after dabbling for a couple years. I'm rebuilding a document that I was originally done in Adobe illustrator. I'm exporting it as an svg file to be used with a program call Sure Cuts A Lot (SCAL) which I use to cut designs on a digital cutter. I'm having several problems opening the file in SCAL. First off, the file is more than 2x the size it was designed to be. Secondly, all elements are not visible when opened in SCAL. Thirdly, there is a dot that is appearing on the top right corner of th
  11. I'm having issues exporting a particular file to SVG and am hoping someone can help me determine what I'm doing wrong. I have two primary issues with my export of this particular file (attached): 1. On export, the black color for all text in the image, specified as #000000 in the AD file, is changed to #030405. I can correct this manually in the code of the SVG, but I'd prefer to not have to. The red color (#ed1c24) of the Flag logo is not being modified during the export. 2. For the elements at the top of the image (flag logo, DiveTag and TM), fill colors are being supplied in
  12. I cannot find the option for choosing the decimal precision. In Inkscape, you could set the amount of significant digits to 5, for intance, this resulted in the shapes' coordinates looking like this: 5 significant digits: 1.2345 12.345 123.45 1234.5 3 significant digits: 1.23 12.3 123 My whole web application is based around SVG (dragging around on a big SVG map,) so it will probably see a size reduction of at least 25% solely from dropping the three decimals in all coordinate numbers I know you can just do a regex find in an editor and search for \.\d\d\d and just
  13. It would be very handy to have an option to include invisible object in export to SVG and PDF. Main purpose for this is to improve exchanging working files with other applications.
  14. Hi all! I am writing you not as the usually nitpicky and potential Affinity-fanboy-who-lives-off-of-Publisher (I do currently live off of InDesign, so it would be only a matter of time, but things just may take a bit of a turn in my career path soon-ish), but as a prospective full-blown professional type designer and current type design teacher with some serious grievances to air; as you may guess, I recommend Affinity apps for most graphic design related tasks, and even though I vehemently tell all my students to familiarize themselves with type design packages (namely Glyphs.app, FontLa
  15. I only found this strange effect after quite a bit of chin stroking and hair pulling with something that was confusing the heck out of me. Workflow to re-create the issue (in Designer for Windows): 1. Create a new document containing an artboard (A5 landscape will be fine). 2. Draw a triangle that almost covers the whole artboard (don't go near the edges so you can see the effect better). 3. Give the triangle a Black stroke colour and a thick stroke width (16pt will be fine). 4. Go the the Export persona and export the artboard as "SVG (for web)". 5. View the exported SVG in a b
  16. Hi - please take a look at this thread... Post in iPad questions The question was around export of a design to SVG where a curve is a shape compounded from two with the subtract operation. There seems to be a bug here given it's not just me experiencing it. Thanks!
  17. Hey everyone. I’m using both Affinity Photo and Designer on iPad Pro 12. I’m also using a Cricut. Does anyone know what the exact SVG export settings are for Cricut Design software compatability? I’m having problems importing files. Getting either blank files or clipping errors. Thank you very much. Screenshot of your exact SVG export setting screen would be extra helpful.
  18. Hello i would like to make suggestions for next release of Affinity Designer. Please forgive if what i ask is already sorted and operational at this stage, be kind to point to where i can be instructed about it please Requests: a- Make more Export profile available. i.e: Export for Web b- Please improve or standardize your SVG output, because those created with ADesigner are black or black when they are opened on other software. c- 3D fx/Emboss fx should be improved too, they are great but they often requires a lot of attention and tuning before it's okay, some standard 3D/Embo
  19. I understand that saving export presets is on the feature request list already -- +1. I'm trying to manually produce the same export results. Here're screenshots from both MacOS (latest) and iPad (latest), and the iOS exported image geometry differs from same export on MacOS. How can I replicate my export svg settings from MacOS to iOS so I can export from either with consistent results? Regards, d00d
  20. Searching for a doable workflow I am trying to develop a workflow in which I can create assets in AD (macOS or iOS), export them as SVG, and import them into Blender for animation. I have discovered, after quite a few failed attempts over the course of many months, that this is not as straight-forward as one would imagine. Breakthrough Yesterday, I stumbled across an old post that turned out to be a breakthrough for me. Apparently, while exporting the assets out of AD, a specific setting must be unchecked, as shared by @Dave Harris here: After playing around with the diffe
  21. When exporting a rectangle to svg without effects the result is as expected: <rect x="420" y="260" width="460" height="200" style="fill:#ebebeb;"/> But when we add an effect, like gaussian blur to that rectangle the svg-exporter automatically generates a wrapper-group around the element just to apply the effect: <g style="filter:url(#_Effect1);"> <rect x="420" y="260" width="460" height="200" style="fill:#ebebeb;"/> </g> This is what I would expect instead: <rect x="420" y="260" width="460" height="200" style="fill:#ebebeb;" style="filter:url(#_E
  22. No matter what I try some shapes simply go missing, and some remain but change position. Shapes are: just vectors have no layer effect applied - glow, blur etc. Grouped/ungrouped makes no difference. shapes are closed - no un-joined vertices. are not using any overlay modes such as soft light, overlay etc. I've also tried copying the illustration into a new document and exporting. I'm using this software professionally so things need to work. As it stands it looks like I'll need to sub to Illustrator and re-do a lot of my work.
  23. For some reason, some SVG elements keep turning into images? The file I have uploaded is part of a bigger illustration. However, whenever I export it as an SVG it turns into a png (i think) and the quality is terrible. I have opened the file up in Brackets a free Adobe code editor and reading the code you can see it's a PNG. Is there a workaround? I have also included the greater picture (not finished) and it looks like everything below the eye level is images. Thank you very much for your prompt response. I have noticed that this has been happening all the rime but now I'm turning
  24. Hi, there is one thing I miss from Illustrator and it's the ability to attach scripts, or some metadata, to elements; layers or groups of layers. It's helpful when creating interactive SVGs. Of course it's possible by naming layer/group and edit the code of the exported SVG but it becomes repetitive when you open the SVG again and the code is stripped of the additional code. So the option to have some extra content in the code of an element and keep it intact on re-opening or saving the document, would be terrific. It does not have to do anything, just a field to type som extra att
  25. I am using Affinity Designer to create file to upload into Cricut Explore Air2, to draw embroidery designs on fabric. If I export a png file, the image looks perfect but the Cricut treats each line as an object and outlines it - not what I want. I want a line drawing. After hours with Cricut tech support, I discovered that by exporting my file as an svg, the single line problem was solved, however, the image broke apart into single strokes and scattered over the page. I tried grouping elements in layers and then grouping all the layers together and the file arrived partially intact and the res
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.