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 am having some issues exporting PNGs from the SVGs in this pack from kenney.nl: http://kenney.nl/content/4-assets/41-platformer-art-deluxe/platformer-art-complete-pack-0.zip The SVG file in that pack is in the following location "Base pack/Vector/tiles.svg" An example of a properly exported PNG without weird gaps is here: "Base pack/Tiles/grassCenter.png" Please find the result when I export that part of the SVG attached, it has either white gaps or transparent gaps (this depends on the section of the SVG I try and export). I understand that there isn't any overlapping of the SVG paths and believe this might be the issue. Suggestions on how to workaround this issue would be much appreciated.
  2. Not entirely sure as to what the intended behavior is but it would appear that exporting as SVG after having resized the document with Rescale option will ignore the resize. The resulting SVG root element will have the original dimensions set while I expected the exported image to have the newly set dimensions. If I resize the document using Anchoring option and scale the contents manually, everything works as expected. This occurs only when not adding viewBox. I don't want the exported image to fill the container.
  3. I did an SVG conversion on a jpeg and when I open it in Affinity my machine falls over (memory issue). Machine has 8GB Physical ram and 4GB Video ram. Weirdly, I can open the file and work with it very comfortably in Inkscape Is there anything I can tweak to avoid this issue in future? Are SVG's problematic in Affinity? Is there another format that it might play nicer with? Thanks J memory hog.svg
  4. The attached file was generated using http://www.makercase.com/ When opened in Affinity Designer, objects in the file have incorrect sizes, they are larger than what is expected. The SVG opens with the correct dimensions in Inkscape. raw_spice_rack.svg
  5. It would be very useful for the batch function to be able to save as SVG and to be able to select a whole folder as the input rather than individual files
  6. In Affinity Designer, when exporting the attached file "Rasterized.afdesign" as SVG, the result is rasterized. It does not happen with the other attached file, even though it is completely the same content. It also happens when copying the former file's group layer into another/new file, but not when copying the curve layer within the group. It also doesn't happen when ungrouping and then grouping the curve layer again, so it must be the group that is causing the issue. The only difference I know of, is that the group layer comes from an imported PDF file. Rasterized.afdesign Not Rasterized.afdesign
  7. Does the design loose some of it's effect like gradient/shadows when it is exported to EPS or SVG? I exported a design to EPS and SVG. I had a gradient button. I can't edit the features.
  8. Currently exporting masked objects as SVG causes the objects to become rasterized. Disabling rasterization altogether when exporting will cause the mask object to end up visible in the result. Why is this? SVG supports masking after all. Clipping seems to be supported so why not masking?
  9. Hi SVG export is making a 192 byte file into a 15.7Kb file in v1.5.4 of AD. If you load the attached file - a simple SVG with a rect then export as SVG web it makes a monster file! First time AD has not performed well for SVG export for me. Tried a few times - same result each time. Very odd.
  10. Hi, when i export a Text as SVG from Affinity and then i import it in a 3d Software, all letters are a curve of their own. How can i export a word as ONE curve that can be changed in a 3D-Software. Thank you.
  11. I'm making a set of icons in SVG format, and have them all on their own artboard in 1 document. Exporting an artboard to SVG (with no border or fill) includes a <rect> tag named like the artboard. I'd expect the artboard to just set the width/height & viewbox properties of the export, not to have its own rect path. Maybe this could be just a checkbox in the export options?
  12. Hi , i was wondering if it would be possible to copy and paste content in SVG code or HTML5 from Affinity Designer to any text editor?
  13. Hi, I want to export a slice to an SVG file. That works so far, but I have one problem, see screenshot. I assumed that the slice defines the area what gets exported. Since some elements are now outside this area, these get exported too. Rendering my SVG not useable. I would like to avoid, that I have to design everything fitting my export area etc. Any idea what to do?
  14. ​I am trying to use Affinity Designer to create SVG files that will be used by a laser cutter. ​I was hoping to use it as an alternative to Adobe Illustrator because I do not like paying the monthly fee. ​I purchased and installed Designer today and tried to load a template that I use for my projects. ​This did not go well. ​I have included two screen shots and the template file. ​One from InkScape and one from Affinity Designer ​I could include the Illustrator screen shot but it of course loaded correctly ​Is this a bug or do I need some settings I don't know about? ​Thanks, hope this can be resolved so I can get rid of Illustrator 24x12 Inkscape.svg
  15. I'm using Affinity Designer to create SVG icons for a website. And I'm using PostCSS and the plugin "postcss-inline-svg" to use those SVG files and apply CSS to them. The problem is, that Affinity applies background colors like this: <path d="..." style="fill: #123456;"/> The style attribute has the highest priority in CSS though. That means I can't apply extra CSS rules to it. If I remove the style attribute or replace it with this: <path d="..." fill="#123456"/> ...it works fine. Can you add an option to use `fill="#123456"` instead of `style="fill: #123456;"` when exporting SVG? That'd be great. Currently I have to do it manually. Thank you.
  16. So I created a new document with transparent background. I added a text without stroke, and the file contains this element: <text x="160.995px" y="340.391px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:210.613px;">af</text> But if I add stroke to the text element then the svg file contains one more text element with fill:none parameter: <text x="160.995px" y="340.391px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:210.613px;fill:none;">af</text> <text x="160.995px" y="340.391px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:210.613px;stroke:rgb(217,38,165);stroke-width:5px;">af</text> This minor bug appears in Affinity Design 1.5.4, Affinity Photo 1.5.1 and I tried with Affinity Design 1.5.5 beta (I'm downloaded today).
  17. So for some reason, I was trying to export an SVG file and only one or two layers are being exported. I have done others the same way and was able to get all the layers to export. What would be different about this image that all the layers are not being exported? Any help would be appreciated!
  18. Hello there, I work in AD. The software is great, thanks for that. I need to export to PDF or SVG or EPS, does not matter to me ... including layers, that I could open the file in Adobe Illustrator and could see the layers. I was trying to find out on affinity forum, but I was not successful. Is there a way to do that please? Unfortunately, exporting to PDF does not do the job. Nothing is rasterized and after opening in illustrator there is just one layer instead of 3 created in AD. And what more, there are separated objects, the ones with fill and the ones with strokes. I mean, in AD it is an object with fill and stroke and after exporting to PDF and opening in AI these are two different objects, one with stroke and one with fill. I don't know why is that ? Thanks for help. I attached a file. 1100235_58_ultra_terno.afdesign
  19. Hi, I am currently stuggling to export very simple shape with a shadow to SVG using Affinity Designer (Windows). The design is quite simple: It comprises two rectangles - one in red without a border and one in grey. The grey one works as a shadow. Therefore a Gaussian blur was applied ( I know there is an extra function to add shadows, but that one was not used). When trying to export this to SVG, AD wants to convert the grey rectangle to a bitmap. That leaves the SVG useless for me. I am surprised by this behavior as there is a gaussian blur filter in the SVG definition. Just to give an example of the usage of the "feGaussianBlur" in a SVG file: <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg width="380px" height="370px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>The simple feGaussianBlur filter</title> <desc> Example of usage </desc> <defs> <style type="text/css"> <![CDATA[ text {font-family:Verdana,sans-serif; font-size:16px; font-weight:bold;} ]]> </style> <symbol id="smilie"> <desc>ein lachendes Smilie</desc> <circle id="gesicht" cx="20" cy="20" r="15" fill="yellow" stroke="black" /> <circle id="auge-links" cx="15" cy="15" r="2" fill="black" stroke="black" /> <circle id="auge-rechts" cx="25" cy="15" r="2" fill="black" stroke="black" /> <line id="nase" x1="20" y1="18" x2="20" y2="23" stroke="black" stroke-width="2" /> <path id="mund" d="M 13 26 A 5 3 0 0 0 27 26" stroke="black" fill="none" stroke-width="2" /> </symbol><!-- 6 Filter mit feGaussianBlur --> <filter id="f1"> <feGaussianBlur in="SourceGraphic" stdDeviation=".5" /> </filter> <filter id="f2"> <feGaussianBlur in="SourceGraphic" stdDeviation="1" /> </filter> <filter id="f3" x="-20%" y="-20%" width="150%" height="150%"> <feGaussianBlur in="SourceGraphic" stdDeviation="1.5,.5" /> </filter> <filter id="f4" x="-20%" y="-20%" width="150%" height="150%"> <feGaussianBlur in="SourceGraphic" stdDeviation=".5,1.5" /> </filter><!-- zusätzlich mit feBlend, feOffset und feMerge --> <filter id="f5" x="-20%" y="-20%" width="150%" height="150%"> <feGaussianBlur in="SourceGraphic" stdDeviation="5" result="out1" /> <feBlend in="SourceGraphic" in2="out1" mode="darken" /> </filter> <filter id="f6" x="-20%" y="-20%" width="150%" height="150%"> <feGaussianBlur in="SourceAlpha" stdDeviation="2" result="out1" /> <feOffset in="out1" dx="2" dy="-2" result="out2" /> <feMerge> <feMergeNode in="out2" /> <feMergeNode in="SourceGraphic" /> </feMerge> </filter> </defs><!-- die Instanzen des Symbols "smilie" --> <use xlink:href="#smilie" transform="translate(20,10) scale(2.7)" /> <use xlink:href="#smilie" transform="translate(150,10) scale(2.7)" filter="url(#f1)" /> <use xlink:href="#smilie" transform="translate(250,10) scale(2.7)" filter="url(#f2)" /> <use xlink:href="#smilie" transform="translate(150,130) scale(2.7)" filter="url(#f3)" /> <use xlink:href="#smilie" transform="translate(250,130) scale(2.7)" filter="url(#f4)" /> <use xlink:href="#smilie" transform="translate(150,250) scale(2.7)" filter="url(#f5)" /> <use xlink:href="#smilie" transform="translate(250,250) scale(2.7)" filter="url(#f6)" /><!-- Text und Hilfslinien --> <text x="145" y="130">feGaussianBlur</text> <text x="58" y="130">Original</text> <line x1="137" y1="40" x2="137" y2="330" stroke="black" /></svg> Is there a workaround availabe to force AD not to convert objects into a bitmap during export? Thanks, Volker
  20. Hi, is there any chance to add support for meta tags (like <title/>) in SVG file in Export options? It would be nice if <title/> equals file name. I think it would be helpful for front-end developers in some scenarios ;-) What do you think?
  21. ChoccyHobNob

    Problems with SVG export.

    Complicated with a bunch of attachments, sorry about that! I drew an orange Playstation Logo, I've attached it below. psx.afdesign Exporting to SVG (just the group, without background) gives me this SVG file psx.svg Which looks OK in Quicklook but when embedded into the theme I'm designing, looks like this... Exporting the same logo, but this time to EPS (just the group, no background), gives me this file. psx.eps Which if I then go to an online convert website (I tried online-convert and cloudconvert) and convert from EPS to SVG I get this file. logo.svg Which looks OK in Quicklook and also, looks like this in the theme... I'm doing this for 4 images for 82 systems, is there any way I can avoid uploading 336 eps files one at a time to online-convert, waiting for it to convert and downloading it again? It's really killing my workflow!
  22. Hello, I have an animated GIF that I would like to recreate with an SVG instead. It seems like the easiest academic case for practicing snapping to me: everything is black and white and there are only horizontal and vertical lines. The snap points are easy to find automatically. However after quite some unsuccessful trial and error and reading in the forums it seems like there could be some slightly tricky behaviour about this... So please indulge if I ask now before digging further! ;) Thank you in advance for all hints, gergely FWIW here is the object:
  23. Hi, Please excuse what may seem like very basic questions but I am extremely unexperienced with graphic design. I've used GIMP for a few months and found it clunky and time consuming, so I recently purchased Affinity Photo and I am contemplating purchasing Affinity Designer depending on the answer to my question. I've watched several of the tutorials and have searched the help section and forums but have not found an answer to several of my questions. I own a Cricut cutting machine and I make t-shirts using heat transfer vinyl. I have figured out how to make pngs in affinity and import them into cricut design space. This is pretty easy. However, what I would like to know is if I can create svgs in affinity to import into Cricut design space? I can currently purchase svg files online and when I import them into Cricut design space, I only have to do 1 import and each layer/element that is in a different color is imported in one file. This makes it quick and efficient and then I can edit each layer/element independently in design space. Is there a way for me to make files like this with affinity photo and/or affinity design? Since I use vinyl, I need each color in design space as a separate layer. I have attached a screenshot as an example. I have created this simple text/shape graphic in photo. My designs are super simple, mostly text and shapes. I want to import it as an svg into Cricut design space so that when I open in Cricut design space, the arrow and text are different layers so that I can cut out the text in black and then the arrow in red vinyl. I know how to save each layer as a png, but then I have to import each layer separately. This isn't a big deal for something relatively simple, but if I'm using more than 2 or 3 colors, it gets tedious. Is there a way to do this? I have very basic knowledge and don't know much of the terminology, though I'm spending about an hour each day online learning. But I need a very basic explanation. Thanks, Lynnsey
  24. Hi! I just started making lots of icons and ofcourse i'd like to do them in my favourite app, which is AD. But, i need those icons to be easily opened in everyone's favourite Illustrator (which i dont like!) But in some cases, i get a bug whre any holes in icon become filled in illustrator and some other web svg apps. I provide you with screenshot so you can see the differences in AD and AI.
  25. Greetings, Not entirely sure if this is a feature or a bug, but when exporting to SVG for web, the <svg> tag is missing the height and width attributes, so when used as src for <img> tags, no image is rendered, had to edit the resulting file and add them manually for it to show up.