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
    • (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 326 results

  1. I'm having a pretty major problem with the svg exporting features in affinity. When I set up a simple scene with two objects, each with their own drop shadow, the drop shadows are not rendered transparently, This is causing heaps of grief, because when I move the objects around, the shadows are just blocky images that look really bad, as shown: Is there some way to force afinity to render the image with a transparent background? This is really bad when I try to move the objects around on the web with javascript. +1 For svg filters. It would honestly make 90% of these problems go away.
  2. Hi all, Is it any option to transform a picture from JPG to SVG in Affinity Designer? I don't see any option at Tool Panel. Thank you. Laura
  3. Hello everyone, ok, so I am having issues with my svg vector artwork that I imported into Affinity Photo. The image looks normal when at 100 % zoom then when I zoom in it gets pixelated... although when I export in pdf or svg it looks fine. Is there an option I am missing somewhere? I just want to be able to zoom in and see the file how it will look when I export. Please let me know if you have an answer or suggestion? Thank you
  4. Hi, AD (Win ver. when opening SVG files ignores the vertical shift of characters in a text... this renders some strange results (see the screenshot of the rendering of the attached file in Inkscape and in AD). test.svg
  5. When I open an svg file created in Inkscape in Designer, some of the tools don't work. For example: when I select the text elements in order to change them to a different font or size, they don't change. The font is selected in the Character menu etc, but the fonts don't change in the file itself. As the program exports svg files I figured there wasn't a compatibility issue with Inkscape files. Is there a general compatibility issue between svg and Designer or is it to do with Inkscape? And is there a solution? I also can't open ai files created in Illustrator. The file opens with no content except this text: 'saved without PDF Content. To Place or open this file in other applications, it should be re-saved from Adobe Illustrator with the "Create PDF Compatible File" option turned on. This option is in the Illustrator Native Format Options dialog box, which appears when saving an Adobe Illustrator file using the Save As command.' Is there a solution to this too? I love this program, but this kind of glitch makes updating previous work impossible now I have switched from Illustrator to Affinity Designer, which means it has to re-created from scratch. Thanks for your help.
  6. For an SVG document like the attached that relies on `currentColor` to set the color of nodes (normally set via CSS on parent elements in the document), the document loads with nothing visible (since both fill and stroke are set to none). In a viewer (e.g. Chrome), the default curve color is set to black. alert-octagon.svg In a standalone SVG viewer, the result is also correct.
  7. Loading the attached SVG in AD, apart from the bug reported here, entirely loses one of the SVG layers/elements. This is what AD shows (once the fill color is set): This is what shows when the SVG is loaded in a viewer: alert-octagon.svg
  8. When exporting to SVG, is it possible to export filters as SVG filters instead of raster images? Thank you in advance.
  9. 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.
  10. 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)
  11. 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.
  12. 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
  13. 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?
  14. 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!
  15. 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
  16. 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
  17. 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
  18. 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
  19. 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)
  20. 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
  21. 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
  22. 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
  23. 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?
  24. [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
  25. 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...