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 & 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







Found 414 results

  1. I am trying to export an AffinityDesigner document to SVG and I run into a number of issues. I am using export for editability. 1. Bitmap images are not exported to SVG at all. Instead of an <image> tag AffinityDesigner generates <rect> tag. Expected: <image id="Tableau" x="150" y="180.408" width="38.1373" height="40.5923" style="fill:rgb(128,128,128);fill-opacity:0;" xlink:href="tableau_cloud.png"/> ... or xlink:href:"data:image/png;base64,XYXYXYXYXYXYXYXYX..." Generated: <rect id="Tableau" x="150" y="180.408" width="38.1373" height="40.5923" style="fill:rgb(128,128,128);fill-opacity:0;"/> I also notice that some text areas are broken down in separate spans Thanks, Alex
  2. I have tried bringing in a PNG and a PDF created by a mind map app. I then wanted to export as an SVG. When exported the SVG files "seems" okay on my desktop (i.e. I see a miniature version of the mind map). But if I try to open in Preview I just a white blank canvas. Ditto if I try to embed on a website. Is there something I'm doing wrong? Or does Designer not export to SVGs well when starting with a PNG or PDF? I've attached both the Designer file and the exported SVG. I'm not a graphics design professional so there may be some key step I'm unaware of. mytest.afdesign mytest.svg
  3. Hi, I often design some assets for mobile apps and I usually encounter this problem. At design time, I'm used to use the "Erase" mode for some shapes (using compound shapes and/or cutting the underlaying shapes does not work in cases I need to use gradient fills or colored strokes). During export to vector formats, these "Erase" effects get rasterized, which is not what I need for the mobile app assets. In the end, I have to make copies of all the designs and "flatten" them manually, which is really slow and tedious process... I have to expand all strokes, convert many shapes to curves and make boolean cuts them with the "Erase" shapes over them. So, would it be possible to either support vectorized output of the "Erase" effect, or at least add some automated flattening procedure for layers / groups? Thanks for considering. This would be a huge time saver in my work flow :)
  4. Would be useful to have this option for when using CSS to alter SVG in websites so we don't have to edit the code or use !important. (such as the bold bit in this sample) <path d="M1082.7…………86,320.174C1080.46,339.061 1082.76,370.645 1082.76,414.882L1082.76,727.84Z" style="fill:black;fill-rule:nonzero;"/>
  5. Hi, I've just been experimenting with exporting to SVG and importing the code into HTML so I can restyle with CSS but after trying a few options (not all of them...) it seems every path has a style already set which overrides my CSS style sheet. Is there a way to export without the style tags so I don't have to go through and delete them? Heres an example of what I mean: its the bold bit that I have to delete for every path. <path d="M1082.76,727.84L1002.6,727.84L1002.6,414.882C1002.6,378.12 1000.31,350.549 995.71,332.178C991.114,313.79 980.222,297.89 963.039,284.44C945.843,270.999 926.018,264.265 903.56,264.265C862.376,264.265 827.905,281.12 800.172,314.815C772.43,348.511 758.564,393.607 758.564,450.107L758.564,727.84L678.414,727.84L678.414,30.9654L758.564,30.9654L758.564,307.161C794.98,234.328 847.06,197.899 914.793,197.899C945.08,197.899 972.051,203.861 995.71,215.774C1019.36,227.686 1037.48,243.345 1050.08,262.745C1062.67,282.145 1071.27,301.286 1075.86,320.174C1080.46,339.061 1082.76,370.645 1082.76,414.882L1082.76,727.84Z" style="fill:black;fill-rule:nonzero;"/> thanks Gary
  6. I'm currently designing some basic icon sets in affinity designer. All was well and good until I went to export my PSD file to my icon folder, I usually save over my previous work for organizations sake so I replace the file entirely instead of versioning. Every time I save over my previous work Affinity Designer crashes, doesn't matter what the file format. I've managed to discerned that it only crashes when I save in this order User/ Desktop/ SUBFLDR/ SUBFLDR crash.pdf
  7. When I try to place an svg file ('HKA.svg', attached) in my Affinity Designer project, which I created using the svg() function in R, Designer seems not to display any of the text at all (see 'designer_screenshot.png'). If I open the same file with, say, GIMP, then the text displays fine (see 'GIMP_screenshot.png'). I'm running OSX Yosemite and R is generating .svg files using the cairo graphics library. I'm a bit of a novice with .svg files, but if I open the .svg file with a text editor I can't find any <font> elements, which I thought might have something to do with the problem... along the lines of Designer not being able to find the font definition file. But this was probably rather naive of me. Is this a bug, or am I doing something silly? Thanks a lot in advance, Ben HKA.svg
  8. If I try to open an SVG file with no fill color indicated (appears as white on white when previewing in Finder, so you can't see the image), Affinity Designer crashes. Sample file: <path d="M56.14,28.375H35.274V7.506c0-1.809-1.462-3.271-3.274-3.271c-1.811,0-3.274,1.463-3.274,3.271v20.869H7.862 c-1.813,0-3.274,1.464-3.274,3.272c0,1.807,1.462,3.27,3.274,3.27h20.863v20.869c0,1.809,1.464,3.272,3.274,3.272 c1.813,0,3.274-1.464,3.274-3.272V34.918H56.14c1.811,0,3.272-1.463,3.272-3.27C59.412,29.839,57.95,28.375,56.14,28.375z"/>
  9. Sometimes it's important to make sure in the exported SVG files, each ID is unique among multiple files. It would be great if there's a way I can set up a namespace, or prefix to all IDs (a.k.a layer names) when exporting to SVG.
  10. Hello, When I open the svg generated from Gephi or R, you can not see the labels (character string) of my graphs. By opening these files with GIMP or Inkscape, I no problems to view these headings. Thank you in advance and sorry for my bad english. Antoine
  11. Hi, today I started playing around with this awesome vector application that you build. As I know SVG very well, I was thinking about a similar functionality to symbols to reuse assets that I build multiple times. From you introduction video I have seen, that you can embed documents. So I created a document for an asset, which I then placed 6 times. Everything behaves like I expected it. A change in the asset, results in an update of the document where I placed the assets. But the export seems buggy. I tried exporting to PDF and to SVG, but those exports results in a large file size even I just used vectors without fx or pixel effects. From the resulting SVG file, I could see, that the affinity designer exports an svg with an image tag an a data-uri with an image/png embedded. I expected to get a small vector file as I just used vector paths. If I copy & paste the assets file directly into the document, the file size gets small as expected and also the file contains path information rather then a rendered image. The best would be if during the export to SVG embedded vector documents will be converted to a symbol, that is referenced with a <use /> tag. Tony P.S. As a feature requests a library for assets (symbols) that can be references would be awesome. Also external assets via http or relative links would make the application complete. model.afdesign
  12. SVGs I export to use in PaintCode (iOS vector graphics app) don't appear once imported. After talking to the developer, the problem is that the SVG viewport width and height both defined as 100%. Paintcode expects pixel/point sizes. The Paintcode developer will improve their handling of these kinds of viewports, but it seems to me that Designer should possibly specify a viewport equal to the document size.
  13. Hi, If I export to SVG using the font "Arial Black" I get (part shown here): ...text style="font-family:Arial Black;... which looks fine. However if I open the SVG file again I get an error that the font does not exist.
  14. Is it possible to export selected object(s) as SVG? I need to export to SVG in order to drive a vinyl cutter. If this isn't currently possible, is it on the roadmap to be added?
  15. The only major thing holding me back from using Affinity as my full time vector image tool is the import handling of vector images. I use eps files a lot in my work and when I import(place...) an eps file it gets saved on the layer as an embedded document. I then have to double click on the image to edit it. Then I need to double click on that image to select its curves. I next copy its outline, go back to my original document and then I paste the outline into my document. I then need to delete the imported image(embedded document). If I don't do the above process, The image will not print(cut). Is there any way that Affinity can turn on a user preference that will allow a user to select if they want to import images as embedded documents or converted as curves upon placing them in the document? Or, provide a button that can be clicked to automatically convert to curves instead of doing the above procedure? I know this has been asked before but I haven't seen a definitive answer if this is something that will be available soon or not. It's this and curved text that is preventing me from cutting the strings on Illustrator (I can wait for the other goodies on your future upgrade path). I am using the beta.
  16. I know this will probably take a lot of work but I'd love a good toolkit to animate my SVG files for the web. Icons, ui elements. SVG is becoming a more prominent and important part of webdesign however, it takes way to much time to fine-tune an animation, not to mention the amount of repetitive code for really simple animations. As proven, you guys know how to make very easy-to-use environment for complex stuff, so I can't imagine how fun it would be to tweak my animations within the Affinity environment. Or just an all new piece of software!
  17. The attached image is made of simple strokes and results in a raster when exported as an SVG (raster inside SVG). I've even tried to expand the strokes and then export. Even then, with no brush used, it results in a raster. I've play with PDF and EPS too. I can't seem to get this graphic out as a vector. Suggestions? Cheers.
  18. Hello, I have exported one of my drawings as an SVG and reopened in Affinity and some of the content does not show. The layers show that they are there but the content is missing. I would like to know if this is only a bug when reopening in Afdesign or does it effect other vector editing programs as well. --Jeremy
  19. I downloaded the AD trial version onto my Macbook Pro running 10.7.5. I have no trouble running the Adobe CS/CC apps and my machine meets all the minimum requirements for your app. Whenever I try to export any file as an SVG (even just a simple circle or square), nothing is created. No files show up anywhere. Other export methods do work. Then after trying the SVG export, whenever I try to close the file, I get the spinning beach ball and must Force Quit the app. Is this a known bug? Do you have any recommendations? I really wanted to like this app as an alternative to Illustrator but if it's this unstable and unusable, I will need to look elsewhere. Thanks for your time.
  20. The question is in the title... is PDF / SVG export functionality fully implemented? I ask because in my test cases I'm seeing gradients, and shapes with effects getting clipped + rasterized rather then being fully editable gradients + effects. Ideally any effects should use SVG filters when exported. This was always a problem I had with DrawPlus. I often had to export out at really high DPI to remove any gradient dithering, and import it into Illustrator where I vectorized the rasterized portions. The results I'm getting right now are disappointing. Though the PNG export from a large vector files is incredibly fast, and clean. Nice work there.
  21. When you export an SVG, whole document gets exported. An option to export only the image (shapes), without empty portions of background page would be very nice.
  22. Just purchased AD and spent some time test-driving it -- feels nice, intuitive UI. Personally, I was very interested in SVG export for web work and I was happy to see it under the supported formats. Having done a quick test, it certainly worked but I had to edit the SVG file afterwords to get it working 'responsively' (sized via CSS, using percentages). Currently, the SVG is exported with its size determined by the 'width' and 'height' attributes. For example, an object defined as 50x50px object will have width="50" height="50" baked in. By replacing these attributes with viewBox="0 0 50 50", the size can now can be controlled using CSS, e.g., svg { width:100%; } It's an easy manual fix but it would be great to have the option setting available during export..
  23. Hallo Affinity Team, I'm looking for an alternative to Illustrator and have tried out Affinity. Unfortunately, I'm rather disappointed with the SVG Export in Affinity. Some layers in my vector graphics are coded as inline PNGs (data:image/png;base64). It would also be nice if the layer names were also exported in the SVG, so that I can target them in the code later. Thanks, Gary
  24. I have a chart that I have composed using a couple of boxes converted to curves. With the outermost one, bordered in red, the very top should have a weight of 0.9pt. On the afdesign file it does, but on the SVG it has reduced in width for some reason. Any ideas? Any suggested workarounds? TIA dive_times.afdesign dive_times.svg
  25. I have a simple drawing (attached), just vectors created entirely in AD. When I copy and paste into other applications I get a variety of strange results. This may be something odd in AD's clipboard content and is certainly inconvenient. Pasting into: Pages 4.3 (my intended destination) sometimes works and sometimes pastes a file name (eg file:///var/folders/h1/djnp3y4j1x5bk3sb9dszfn4c0000gp/T/com.seriflabs.affinitydesigner/Clipboard.svg). Selecting just the ellipse can give different results to selecting all the objects. Pages 5.5.1 (the latest) sometimes does the same as 4.3 and sometimes works correctly whilst also reporting that the clipboard is an unsupported file type! Keynote (latest) just pastes the file name Preview (latest) and iDraw (latest) work fine. I was a little surprised that the clipboard image is SVG but presumably there is some technical advantage from this. As a workaround, assuming that PDF would be a more reliable bet, I exported (and then imported not the target application) a PDF version. This has a bounding box determined by the page size from AD; not a bug but inconvenient if you're creating small inline drawings. So this may be a feature request but I couldn't find an option to export only the drawing's objects (as other vector apps can do). [Affinity Designer 1.1.2 on MacBook Pro (2.3GHz i7, GT650M 512MB, 8 GB RAM, Mac OS X Yosemite 10.10.1)] Ellipse Diagram.afdesign Ellipse Diagram.afdesign
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.