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 Forums
    • News and Information
    • Affinity Support & Questions
    • Feature Requests & Feedback
    • Bugs in Affinity Designer & Affinity Photo
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Affinity 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 315 results

  1. Hey guys, Does anyone know if Photoshop 2017 can open svg text as editable text? I really hate Photoshop, I really love Affinity, but I still need some way to provide psd files to some of my clients. So I noticed that if I export text as SVG from Affinity, I can keep it as text, and if I inspect it in any browser, I will get the exact info of the font ( font family, size, color, weight, style, line heights, everything). Can I import such a SVG containing text into Photoshop 2017 and see it as editable text in Photoshop? Did anyone try this? I would pay like an idiot for a Photoshop license monthly just for that, and that will make me hate Photoshop even more
  2. eluengo

    errors exporting to SVG

    Friends Sometimes exporting a project to SVG results in errors in the resulting file, so when those files are reopened in AfDesign some text disappears or is transparent, or the like. Attached original file and error file.... Help Logo Toledo 2018 30.afdesign Logo Toledo 2018 30e.svg
  3. I would like to know what is the difference between exporting an SVG in the different Designer options. For example: SVG (for the web) SVG (to export) SVG (coupled) (I'm sorry if it's not well written, I have AD in Spanish.) And what do you recommend, please? Thanks
  4. Hello, I created many contours with affinity designer. A very nice program! Now I have a problem: If I export a group in svg-format, I can see the svg with this web-browsers: Chrome, IE, Firefox But scaleing the svg is not possible with chrome. I think the matter ist chrome but perhaps anyone has a solution for this problem. thanks michael
  5. I would like to export the same resolution in document in SVG. How do i do that or there is no option that can do it. Rasterizing ruins its (attached photos) background.svg
  6. The reason is because AD assigns a width and a height to the SVG of "100%". Firefox does not allow % for width and height in a canvas. I found this info on a stackoverflow question: https://stackoverflow.com/questions/38106906/canvas-drawimage-inline-svg-doesnt-work-on-firefox After removing the %, it worked. And even the w3schools's article on SVGs does not include a % or any other unit: https://www.w3schools.com/html/html5_svg.asp Chrome renders it just fine. Again, this is for canvas only. Firefox will render the SVG as is just fine when it's simply pasted into some HTML. But if you try to render it in Firefox inside a canvas, it does not render the SVG.
  7. Delineated

    SVG Gradient Bug

    I have an SVG which contains a gradient with 2 stops (darker blue to lighter blue) that I created with Affinity Designer that I later optimised with SVGO for smaller size for web use. However, after re-opening the optimised SVG in Affinity Designer, the gradient doesn't show - the entire curve appears as filled with only the first colour stop. However, when clicking on the curve, the fill settings show the correct gradient with both stops. The gradient in the optimised SVG shows up fine in all web browsers and a few other graphics editors. Attached is the file. Thanks mountain.svg
  8. Autodesk Fusion 360 uses the svg format to import shapes created in vector software such as Adobe Illustrator I tried the same procedure from Affinity Designer but I do not get any results !!! Basically it does not matter you can not see anything. Do you have a suggestion? Thank you Fabio
  9. Free Windows Explorer codecs to enhance graphic design related file management. SVG codec / viewer for Windows Explorer. Supports 32-bit and 64-bit, Windows 7, 8 and 10. SVG Explorer Extension - Download SVG Viewer Extension for Windows Explorer v0.1.1 https://svgextension.codeplex.com/releases/view/118790 SVG file management enhancement. Adobe developed, ISO proposed, open source format for camera RAW file standard. DNG codec / viewer for Windows Explorer. Supports 32-bit and 64-bit, Windows 7, 8 and 10. Adobe DNG Codec 2.0 http://www.free-codecs.com/adobe_dng_codec_download.htm DNG camera RAW file management enhancement. I hope these facilities enhance your productivity and workflow.
  10. Hullo I was wondering is there a way in Affinity Designer to export CSS classes for different SVG elements? I'm editing a political map and different regions are coloured according to voting. It would be handy to have each similar region under the same class when I come to add interactivity... I mean, I got around this by opening the SVG in Illustrator and exporting once again with <Style Elements>. But it would be handy if there's a way to do it in Designer.
  11. AndreasGS

    SVG gets twisted when I open it

    I have a SVG file that looks normal when I open it in the browser or preview it with the built in preview tool in macOS. If I open the SVG in Affinity Designer it gets all twisted. I have open the SVG in Affinity Designer earlier and it worked just great then. Is there a setting that I have managed to turn on in order to do this, or is there a bug in Affinity? Affinity Designer: V. 1.6.0 MacOS: 10.13.1 This is how the SVG looks like when I open it in Affinity Designer. And this is how is how it is suppose to look like. This is how the image is suppose to look like. Teknologi_header.svg
  12. Hello! I am playing around with SVG images for the web and came across something I think could be made better about exporting those SVGs. As I opened the files in a text editor to see how it was written, I saw that the circle strokes are exported as paths instead of using circle tag attributes such as stroke and stroke-width. Maybe it would be better to use these to reduce the size of the exported files? Thank you :-)
  13. I'm interested in creating SVGs on macOS. And I like to edit the source code (often) directly so that it has an immediate effect on the graphic. Exactly the same concept you find e.g. in Adobe Dreamweaver for HTML. A "design view" and a "source code view". Alway synchronized. What do you think about adding such a functionality? Thanks.
  14. Before 1.6.0, whenever I opened my old .svg files (created in Inkscape) in Designer they would open with all layers and objects visible. Now many objects are hidden when opened, without any clear pattern that I can tell (it's always the same objects every time for the same file, but which parts are affected vary from file to file). The same thing happens if I just copy and paste the objects from Inkscape into Designer.
  15. In the forum and in AD Help I find little on SVGs although SVGs are commonly used and can be problematic. I create graphic overlays in AD, copy each graphic or set of graphics to the clipboard, isolate the graphic in its own AD doc using "New From Clipboard" (a handy AD feature with its shortcut!) and then export it as an SVG for use in an app on a base map of the exact same size and the exact same Document Setup parameters. This SVG may only be 4k while the graphic in my original AD doc would be considerably larger. For the app I need very light weight SVGs. I'll try to explain my problem clearly. 1. An ellipse is created in AD but can only be elongated on one of two planes at right angles (up-down and across). See image one below. 2. For my graphic I need to rotate such an ellipses, say 45 degrees. See image two below. 3. When I select the rotated ellipse alone (within a layer which may have other graphics but *only within* the rotated ellipse), I get one set of numbers in Transform = the limits of the actual rotated ellipse. However, if I select layer, then the area is no longer restricted to the edges of the ellipse but rather to the bounding box, now rotated together with the ellipse. See image three below. The corners of this rotated bounding box of course extend beyond the original non-rotated bounding box, and thus beyond the borders of the actual ellipse. This may related to AD's point of origin requirement, etc. 4. I copy this rotated ellipse to the clipboard and isolate in its own AD doc using "New From Clipboard." This new doc shows all "empty space" around the actual ellipse (the same as in image three below) since the clipboard apparently recognizes and uses the existence and four corners of the rotated bounding box. 5. PROBLEM: As you can imagine, my original placement numbers for the rotated ellipse, recorded from Transform (x and y and w and h of ellipse), have changed. They are no longer the actual edges of the rotated ellipse but rather the four corners of the rotated bounding box. Therefore another set of numbers from Transform must be recorded. Worse than that, pasting the SVG into my original doc (to be sure it is aligned correctly), none of my recorded placement numbers work. I am forced carefully to realign the SVG over my original non-SVG ellipse and hen make a new set of placement numbers that work properly. 6. QUESTION: Is there any way (and if not could be in future versions) that the actual size of the ellipse (not the four corners of the rotated bounding box) could be maintained when "New From Clipboard" is used so that the "empty space no longer appears and the placement numbers remain stable? (Yes, I do try placing the ellipse with the numbers from image three, but these numbers place the image below and the the right of its proper position.)
  16. arturoacevedob

    SVG rounded corners importing bug

    Hi. When I import a SVG with a rectangle with the rounded corners property, for example: rx="15%" Affinity Designer ignores the value and sets a default absolute value of 0.2px. guidelines.svg
  17. Hi. I'm not sure whether this is a bug or done intentionally. If I created a gradient-filled-shape in AD. Then the shape is skewed. Then export it to SVG. The resulting SVG file created an image in place of that gradient. Thanks.
  18. There are problems with the display / rendering of connectors and labels of connectors on import of an SVG into Affinity Designer. In Affinity Designer the connectors are no longer properly connected to the nodes. I attach a comparison of the appearance in the Fnder vs that in Affinity Designer. Affinity DesignerScreenSnapz001.pdf FinderScreenSnapz001.pdf Argument_supports_Claim.svg
  19. When exporting an svg, we can get issues where the id of an exported element may clash with the id of something else. For example, in one of my files, I could have a layer called "myTest". The problem occurs when I embed this into html, which may also inadvertently have myTest defined as well. This will lead to a name clash, which as you can image; would lead to all kinds of trouble. I'd ask if theres any way to prefix the exported id's with something upon export. For example if I have a file called abc123, upon export, the id will be set to "abc123__myTest", or something like that?
  20. Smudge

    Mask failure on imported SVG

    Attached is a screenshot of a problem I'm having with masks in SVG. On the left is the SVG opened with AD 1.6 and on the right is the SVG opened with Chrome. As you can see, the U logo and the shading along the upper left edge does not show properly in AD. I found a couple of other forum threads discussing issues with SVG masks that go back more than a year. Is this the same known issue? Any idea when it will be fixed? Attached is the SVG file I am working with if you need it for testing. For reference, it was created in Adobe Illustrator and taken from the UniFi-2017 SVG.zip file in the Ubituiti Networks Support Forums. Thanks UniFi_Video_UVC-G3-Dome.svg
  21. Image clipping on an SVG file is not displayed correctly and the vector mask layer is missing, this is not a problem when I tried to import it into Adobe Illustrator. This problem is not present in the previous version ( here both Inkscape and Illustrator displayed the SVG correctly as you can see, the circle vector mask is deleted, caused the clipping not displayed correctly, and the image size/image scaling is not correct here is the file to check it out drawing.svg
  22. Hi, I noticed I now have to remove xmlns:serif="http://www.serif.com/" from the svg files to be able to upload to Canva.com. Any chance of leaving this out in future releases?
  23. got lost... - I have SVG file that, when imported to Canva.com project, has editable color (within Canva). - When I open that SVG in Designer (with an intention to do some tweaks) and export it (without changing anything) to SVG, then when importing it to Canva, it looks ok, but suddenly the color is not editable. - I have absolutely no idea what I'm doing wrong - or if any of the export setting is not right (I tried so many combination without any effect). Attached files: test-vctr.svg ... original file that I'm importing to Designer (and it works as it is within Canva -- possible to change color) test-aff.svg ... exported above file (without any action) from Designer to SVG (when imported to Canva, color cannot be changed). I know I'm discussing another online tool (Canva) here, but in general it's the export process within Designer that is causing "some" change in the workflow. Anyone? thank you test-aff.svg test-vctr.svg
  24. i have a bug, the exported SVG file is not show the real resolution. i create 100x100 px in affinity designer, and export it with export persona, but what i find when i open it in another app like Illustrator or Corel draw, it's show 800x600 px (SVGA). i export it as SVG for web and SVG for export and make some change with that option's, but i did not find the way to make it exported with same resolution. here i put 2 images. np: if i open the SVG file on affinity, there's no problem, but the problem only happened when the file is opened on another vector app
  25. Hi, Attached two files. In one exported all right, because elementry redrew, while in the second file is exported as a path. Previously, there was a problem with opacity, or something else, now everything seems to have checked, but are exported anyway wrong. tell me what the problem is and how it can be solved without re-drawing elements riga1.afdesign riga2.afdesign