Search the Community
Showing results for tags 'SVG'.
Found 301 results
-
SVG graphics generated in R do not display properly in Designer
bgarchow posted a topic in Affinity on Desktop Questions (Mac and Windows)
I produce many SVG graphics in R, mostly fairly simple scatter and line plots. I generate them using the ggplot2 package and save them in the SVG format with the ggsave function. The graphics display correctly in the Mac Finder's preview pane and in a web browser, but when opened in Designer, all line elements (plot axes, tick marks, bar and point borders, etc.) have their stroke set to 'None'. Text renders correctly but I have to select each line element in the Layers pane and set the stroke to the correct value. This of course is tedious and time consuming. Any ideas as to why this is happening? -
I just noticed that Designer can't export native SVG effects such as shades and instead rasterises them. This is a bit of a problem, as SVG icons in my experience are one of the best ways to keep icon sizes small and at the same time ensure scalability. SVGs that include raster images unnecessarily increase image size. I have been using other vector applications (but no Adobe solution) far less powerful than Designer. They can all properly handle SVG effects, so I was surprised to discover that Designer cannot. It seems to me that improving Designer's SVG export capabilities would be a desirable goal, especially for designers working on web related projects. Best regards, FF
-
It would be great if you could have more control over svgs when exporting. The big things that are missing for me are: 1: convert all fonts to outlines 2: control if layer names are used as ids or classes 3: styles inline or internal 4: link or embed images
-
Exporting SVG images seems ... weird
ffurger posted a topic in Affinity on Desktop Questions (Mac and Windows)
I am trying to export a simple icon as an SVG image. The image has a bit of a shadow around it. Affinity does manage to export it, but when I check the code, it generates a bitmap of the shadow instead of implementing it via SVG, which is what one would expect. I looked around to see weather there is some way to change this behavior, but I couldn't find any helpful information. Did I miss something? Help would be very much appreciated. -Franco -
Open SVG Images in Designer
Michael Sheaver posted a topic in Affinity on Desktop Questions (Mac and Windows)
Greetings! I found a beautiful set of playing cards in SVG format @ http://svg-cards.sourceforge.net/ that I want to work with. However, when I try to bring it into either Designer or Photo, the results are, let's say, a bit less than desirable. Here is a screenshot of how it looks in Designer: As you can see, the layers are there, but the layout is completely unworkable. What am I doing wrong here? How can I bring them in so I can edit them? If we can bring them into Designer, is there an easy way to export them out as separate image files, one for each card? -
Vector files exported by AD are at least twice as big as the same file exported by Adobe Illustrator. I've just now exported a logo: 28.108 bytes with AD ("SVG for web"), 15.365 10.663 bytes with AI. (Updated: Smaller file had display errors) Small files sizes are IMHO still important when exporting graphics for the web... Can we expect improvements in this case?
-
There are some black artefacts on SVG open agile.svg
-
AD Tutorial - How to use Copy items as SVG
Mensch Mesch posted a topic in Tutorials (Serif and Customer Created Tutorials)
In this tutorial I will demonstrate the option Copy items as SVG in Affinity Designer 1.6.0. I use this function often to animate SVG with CSS keyframe animations and some JS in HTML. Just like this example which is a GIF (SVG is not allowed because of it's security issue). You can watch the original SVG file here. Keep on drawin' Norbert- 1 reply
-
- affinity designer
- svg
-
(and 2 more)
Tagged with:
-
SVG Export: Support for preserveAspectRatio="none"
dasmurphy posted a topic in Older Feature Requests & Suggestion Posts
Hello, i'm wanted to ask if it is possible to add an option to add preserveAspectRatio="none" to the svg tag in an exported svg? I think it would be very easy to do for you, since you already have many options for svg export in the export. I wish it in Affinity Designer. This example topic shows it why i need it: https://stackoverflow.com/questions/19484707/how-can-i-make-an-svg-scale-with-its-parent-container I wish to scale svg without preserving the aspect ratio. Yes, i edited the files with hand and added the attribute there, but i will need it more often in future, so that an option would be perfect for me. Thanks and i will be waiting for a small reply :) Cheers, Torsten -
POLL: Improve Workflow for Web Designers - Official Statement Appreciated
Wiredframe posted a topic in Older Feature Requests & Suggestion Posts
I just wanted to recap the current state of how Affinity Designer is performing in web design workflows. I'm using Affinity Designer since one year for all of my work and I love the application itself. But as of now there is no complete workflow to handout designs made in AD to developers in any way: 1. Neither Zeplin nor Avocode support AD and it doesn't seem that anthying will change here. 2. Affinity Designer supports PSD Export but has two major drawbacks: Border radius properties are not preserved and text layers are completely flattened which make them completely useless. 3. Affinity Designer doesn't support the new open file format of SketchApp to be able to export designs as Sketch files to then inspect them in Zeplin, Avocode, or any other Sketch Viewer. 4. Exporting to SVG or PDF is not an option either because important properties like border radius, line-height and others are missing. 5. Right now it doesn't seem that Affinity is adding an inspect persona or any viewer service or app. So I'd like to ask the Affinity Designer team: What are your goals to improve the workflow for webdesigners and developers? How are you planning to improve this workflow in the future or don't you plan to do anything in this regard? Do you have any suggestion how web designers can work with developers? I've added a poll so that users can vote which suggestion they like the most.- 11 replies
-
- svg
- text layers
- (and 12 more)
-
SVG / Google Fonts / Export
robert_muench posted a topic in Affinity on Desktop Questions (Mac and Windows)
Hi, I have a graphic that uses graphic-text (the icon A) with the Google Font "Lobster". I export the graphic as SVG and use it inside a web-page (see first two graphics at http://test.saphirion.com/nlpp.html ) The problem is, that the lobster font isn't always displayed. The web-page itself loads the lobster font-family with: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"> But it seems this isn't carried over to an SVG element in a web-page. Further, it seems that the correct way to use a special font in an SVG element is: <defs> <style type="text/css">@import url('http://fonts.googleapis.com/css?family=Lobster');</style> </defs> But how do I get this into the exported SVG of Affinity? I don't want to post-process the files. -
Affinity export text as SVG, import in PSD
chris.bannu posted a topic in Affinity on Desktop Questions (Mac and Windows)
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 -
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
-
SVG Export - Differences - AD
TamaraMtz posted a topic in Affinity on Desktop Questions (Mac and Windows)
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 -
svg's not scaleable in chrome?
mimuel posted a topic in Affinity on Desktop Questions (Mac and Windows)
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 -
How to Export Noise Color same as Document
SHAWNM posted a topic in Affinity on Desktop Questions (Mac and Windows)
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- 3 replies
-
- noise color
- colors
-
(and 2 more)
Tagged with:
-
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.
-
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
-
[Cannot Reproduce] svg with Autodesk Fusion 360
Filo63 posted a topic in Resolved (subforum for when Bugs get resolved)
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 -
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.
-
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.
-
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
-
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 :-)
-
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.
-
Random objects marked hidden when importing .svg (Designer 1.6+)
christhes posted a topic in Bugs on Windows
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.