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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 402 results

  1. Hi there! I created a grahpic with curves in Affinity Designer and want to export the graphic as a svg-file. The svg file should look like usual, for example with path tags and should be able to select with css. <path d="....> But what I always get is a svg file like that, with a whole bunch of characters after it. <defs><image id="_Image1" width="800px" height="200px" xlink:href="data:image/png;base64, ...... I do not know what I'm doing wrong. Could you please help me out? Aim is to export a "normal" svg file without png type or something. I am exporting svg with the "digital" setting, 72dpi. Thank you.
  2. 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
  3. I've recently created several vector only designs in Affinity Designer. When I go to export them as SVG instead of being vector svg files they are svgs that contain raster pngs embedded in them and hence don't scale properly. This is not what I want. 😢 Is there any way to tell affinity designer to export the vector design as only a vector svg not png embedded in svg? Are there features of the software that force the design to export embedded pngs, and if so is there a refence to which ones so they can be avoided and alternate methods employed? I've noticed specifically that outer shadow fx seems to trigger this, i'd really like to know which other features trigger this behavior so that i can make svg vector safe resizable designs. Anyone know a reference to this aspect of Affinity Designer? Many Thanks. ❤️
  4. It would be great if we could import multiple (svg/eps/pdf/ai/png/jpg/gif/etc) files into the assets panel.
  5. Thanks! I have no idea what was changed, but the SVG's into PowerPoint crashed when you ungrouped/converted them. Now, it's working perfectly. This is really helpful team, I know we all cringe at PowerPoint but clients use it a lot and this little fix makes my work so much better (so much that I wanted to thank the Affinity team for fixing what ever MS was not getting right). I mean, PowerPoint has no meaningful drawing ability, so a custom shape in Designer can really make a huge difference in quality.
  6. When exporting svg files for web all the styles are inline per element, which unnecessarily increases file size and customization difficulty. In general it would be very useful to define style rules as an independent dataset. While working with the document changing a property of a style rule (class) would affect all elements assigned the respective class. Additionally, it would be extremely useful to add custom attributes to elements: data-custom-attr="whatever I want here" for web usage. Without these features supported, every modification to the svg file within Designer requires a lot of time-consuming manual correction post export.
  7. I was wondering if there's a way to do an SVG export but exclude any images from the export. I basically want an SVG that I can work with which has all of the outline information separately, and save the graphics portion of the drawing as a separate bitmap. I thought that selecting the "Nothing" option for the Rasterize menu option under the export menu might work, but it did not. I did some additional debug, and I found that by changing the zoom level of the bitmap patterns that I'm using, I can make the tool either include the image in the SVG export or exclude the image when the "Nothing" option is selected in the Rasterize menu option. Sounds like a bug?? Yet some additional debug data. If I select all items to export, I can then go into the export menu and select for the Area "Selection with background". If I then subsequently pick '"Selection without background", then the tool will not export the images. Can someone explain if my interpretation of how the "Nothing" option for Rasterize is correct? If so, it sounds like it's not working correctly for SVG export.
  8. Hi everyone, I'm just confused about exporting my file. I want to export my file as an SVG for others to edit but why when an SVG file is opened it becomes uneditable because it is an image. Whereas before it was in the form of a curve, can anyone help me?
  9. I created an image in a business graphics package (OmniGraffle) and exported the image as an SVG. When I open the SVG in Affinity Designer (1.8.4; macOS 10.15.6) I find that the image loses some of its detail. In particular, Affinity Designer appears to lose all of the radial gradients in the image, and loses the "arrow heads" on the lines. I have attached the SVG document for your reference. If it's any consolation, this SVG does not render correctly in Adobe Illustrator (24.2.3), Vectornator (3.3.13 (460)), or Amadine (1.0.9 (85)), with differing failures. But it does render correctly in macOS Finder (QuickLook), Google Chrome, Apple Safari, and Mozilla Firefox Developer Edition. It will be great to know what's going wrong here. Cheers, S t u a r t . 20200810-autoWithdrawalAccumulation-periods.svg
  10. Affinity Designer 1.8.3 See the attached SVG file. If i open it with other apps, e.g., Google Chrome, Inkscape, LightBurn, it opens correctly. See the attached screen captures from each of those apps and note the the path I indicate. When opened in Affinity Designer, the path indicated is incorrectly positioned as shown in the screen capture from it. I did a "select all" to highlight all of the elements of the drawing. Should be easily reproducible. GiftBox.svg
  11. Hello, I have this issue. Not properly visualized gradient Affinity (Publisher; Designer) Google Chrome visualization.svg
  12. Windows 10 Home 1903, Photo 1.7.1.404 and Designer 1.7.1.404. As part of an experiment I (fairly randomly) found an SVG https://pixabay.com/vectors/car-black-vehicle-transport-travel-311713/ that I wanted to use but upon opening it in Photo and Designer (haven’t bothered trying Publisher) I see that it hasn’t been imported correctly. A lot of the detail is missing and there are bigger issues – see attached snapshots from Designer and Photo. It’s not a big problem for me as I can use the raster version instead but I thought I’d mention it so someone can look into it (there’s a chance that the original SVG is to blame so it might not be an Affinity problem).
  13. I have create a visualization in Affinity Designer (actually created a new document from clipboard of a PowerPoint drawing. In Affinity everything looks fine. But if I export it to SVG and open in in Chrome or open the SVG file in Affinity Designer again, it looks like the following. Morseschlüssel.afdesign Morseschlüssel.svg
  14. The bmc-remedy-1.svg file crashes Designer. I tried using svgcleaner to remediate and created bcc-remedy-2.svg but it likewise crashes Designer... Any idea why Designer crashes? bmc-remedy-1.svg bmc-remedy-2.svg Inserting this at the start doesn't help... <?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">
  15. Hi! I have several hundred (~500) different SVG files, all square icons with designs on them. I'd like to arrange them all in one big document, with an equal amount of space between them, so that I can print it as a poster. Other than doing it manually and copying/pasting each icon into the "master" document, is there any way I can somehow script it or just open all the SVG files at once and tell Designer "Combine and arrange these"? Also, is it even possible for me to add that many nodes to one document without crashing my computer? I have a MacBook Pro (16-inch, 2019) 2.3 GHz 8-Core Intel Core i9 with 16GB RAM.
  16. Hello, As a dataviz designer I often create the base of my works with SVGs on the web, so I can program the visual elements to be based on the data, then to import them into a vector tool for other adjustments. I've noticed that Affinity Designer doesn't import any SVG linearGradient / radialGradient nor patterns, which I do often use, so for now I can't rely solely on Affinity Designer sadly enough. (I copy the SVG element from the "Elements" section from the devTools in Chrome) I've attached a document that shows the import of the link below. All the inner curves that have a gradient in the online version are invisible (have no fill) in the import: https://bl.ocks.org/nbremer/raw/4de6f0a9d9d06373fc639e32e9c346cc/ For a radial gradient, you can try this: https://bl.ocks.org/nbremer/raw/e944485869ac8fd57413a158e9d8aae0/ which results in a no-fill circle being placed in Affinity Designer For pattern examples, you can try the following links that all are imported seemingly remaining invisible: https://bl.ocks.org/veltman/raw/57fbb830ba7e62caa46a82891168bc29/ https://bl.ocks.org/1wheel/raw/a8f39c8a96b71735488bf280d34bd765/ https://bl.ocks.org/veltman/raw/50a350e86de82278ffb2df248499d3e2/ I'm using Affinity Designer 1.7.1 on macOS Thank you! SVG_import_No_gradients.afdesign
  17. Hi Using Gradients, or shadow effects dramatically increases the exported SVG file size. Do anyone have any tips/tricks for how to use gradients in a way that does not affect the file size? This is important for use on webdesign etc. By example, a file was 4kb, without gradient. Introducing 1 gradient and 1 shadow effect resulted in a 60kb SVG file. Anders
  18. Hi! I have a shape with several pieces that I want to cut out. I have followed the instructions I found here: https://graphicdesign.stackexchange.com/questions/119718/why-cant-subtract-complex-form-in-affinity-designer but it doesn't work. Somehow, I got it to work once with a different file but I'm not quite sure how, and now, I'm unable to reproduce that success with a new file. Is this a bug, or am I missing something? I want to cut out the red shape from the white background. When I cut it, it ends up looking like this, instead of the holes being cut out and showing the transparent background: What am I doing wrong? affinity-cutting-problem.afdesign
  19. Hi, I had a very unpleasant problem: I draw parts of the face that will be automatically painted using code, but for this I need to save the files in svg and open in adobe illustrator, but the order of the layers changes completely, some become a group, new ones appear ... I need a layer called "color" to be colored, but for some reason it becomes a group. An example in the picture: I need the eyeball to be separate, as in the screenshot in affinity designer, the layer order and grouping are ideal, but everything changes when exporting and opening in the illustrator. I tried changing the settings, grouping, language, names, converting zhlipsy to curves, etc. but it does not work. I really hope that this is just my mistake and that you can fix it thank you in advance!
  20. I need to make a file that could be open by Adobe Illustrator, which contains every single layer, including hidden ones. No matter what I choose between the different types of SVG, Affinity Designer flattens the image into a single layer and discards everything that’s hidden ! I have no idea what I’m doing wrong, I really need help
  21. Hi there, I'm trying to export a layer as an SVG, but when I open the finished product, there is a border around it (I think it is from the artboard). Wondering if I can set it so every layer can be exported without a square border around it. More detail: I have a file setup as a grid of artboards (see attached) and I want those objects (with no border) exported as an SVG. Looking something like this: Switching to Export Persona, I have slices of every artboard and in this case select "Page 1" to export as an SVG. I can see that every slice has a little symbol of a pentagon and a circle surrounded by a purple square border. I've seen in tutorials that this symbol can be just the shapes colored yellow (this is what I expect I want to have in this case). So the Exporting looks like this: After saving it off and opening the resulting SVG file, I end up with the desired objects from the layer, but I also have a rectangle surrounding the whole thing. It looks like I can delete it manually and save it off again to just get the objects in the layer. I'm wondering how to set it so I don't get a border of where the artboard was in my outputted SVG. So I want to stop exporting the highlighted rectangle: Let me know if you need clarification. Thanks in advance for your help. Here's a test file: svg_export_testing.afdesign Best, Zach
  22. Hi! Strange thing is happening when I open one of the svg files. AD shows completely different colors compared to Chrome/Mac preview. What am I doing wrong?.. Svg file: https://www.dropbox.com/s/alo2vtoxcqkk6sg/image_10_12.svg?dl=0 As it's rendered by Chrome Opened in AD:
  23. Hello, I have generated an SVG file using a Blender add-on, which is scripted in Python. When I try to open the file in Affinity Designer 1.5.3.69 I get the following error: "Failed to open file" "The file could not be parsed." The file opens fine in the latest Google Chrome and Adobe Illustrator CS6 I found a solution to fix the error: Change the line: <?xml version='1.0' encoding='ascii'?> to: <?xml version='1.0' encoding='UTF-8'?> This issue is the same as the one reported on the "Bugs on Mac" forum: Here is a sample file: 0001.svg Thanks, Dave
  24. I created a graphic in Affinity Designer. I exported it as a SVG. I opened the SVG in Adobe Illustrator to be sure it can be worked on in Adobe. I united some paths w pathfinder, saved and closed the SVG. Next time I see the file, it's gone wonky. Happened at least 2 or 3 times. Why?
  25. I have recently become aware of the ability to animate SVG (Affinity Designer) for the web. There are applications coming out that make it really easy, however, the file size is a serious problem if you intend to have your work in a web page as Affinity does not offer the reduction of file size. Here is a youtube video I made on 09/03/2018. It is impressive what one can achieve. This is a concept for a web homepage. If you look closely there is some really subtle animation. The balloon has a flame which gets turned on and off to make it rise, the balloon also changes size in that as it moves away into the air it gets smaller. The clouds in places are semi-transparent. Also, the sun has a haze around it which disperses as the sun bets higher in the sky. All these really subtle changes make for huge file sizes. One online SVG animator which is still in beta is svgator.com which is free but limited. I have included a file of a puppy wagging its tail and turning its head which I animated in svgator. Just drag the (1A 76 questioning puppy.svg) file onto a web browser and it will automatically play and is on infinite loop. You have to export the files as an SVG from Affinity Designer and then upload that file into the svgator system. The head, body and tail have to be different and separate files to be able to animate them: i.e. the head would be nested in affinity designer the body would be nested and so would the tail. Exported as SVG and then imported to your animator of choice and there are many out there some free. 1A 76 questioning puppy.svg
×
×
  • 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.