Jump to content
You must now use your email address to sign in [click for more info] ×

Search the Community

Showing results for tags 'SVG'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Affinity Support
    • News and Information
    • Frequently Asked Questions
    • Affinity Support & Questions
    • Feedback & Suggestions
  • Learn and Share
    • Tutorials (Serif and Customer Created Tutorials)
    • Share your work
    • Resources
  • Bug Reporting
    • V2 Bugs found on macOS
    • V2 Bugs found on Windows
    • V2 Bugs found on iPad
    • Reports of Bugs in Affinity Version 1 applications
  • Beta Software Forums
    • 2.4 New Features and Improvements
    • Other New Bugs and Issues in the Betas
    • Beta Software Program Members Area
    • [ARCHIVE] Reports from earlier Affinity betas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Location


Interests


Member Title

  1. There is a wide range of needed optimizations of the svg export in Affinity Designer. I am just listening the most important (buggy) ones for now: The svg tag has the width and height property as percental values, this can cause multiple (positioning / scaling) issues for the web usage (I am a Web Developer, 12+ years) while rendering the svg appropriate and the values are often differently in different browsers for the usage of early access in the DOM, the CSSOM and even for JS. That's why most SVG Exports usually use precise attribute values, e.g. instead of the current export <svg width="100%" height="100%" viewBox="0 0 596 842" ... it needs to be exported as <svg width="596" height="842" viewBox="0 0 596 842" ... AD exports the path's, etc. with inline styles (style="...") instead of the acutal svg properties (e.g. fill="...", stroke="...", font-style="...", etc.). Therefore it's currently hard to override those values outside the svg and even for dynamic JS manipulations / effects The id's of exported elements have the layer's names, therefore there are sometimes problems (e.g. <g id="ArtBö--ard11" serif:id="ArtBö &lt;ard1">) with special characters (including spaces, etc.), especially when trying to access them, sometimes they even brake things. They should be removed from the final svg export entirely (some of the special characters aren't w3c valid for id's anyway). By the way, the exported serif:id="..." makes the svg way bigger in size then it should be (bad loading times on the web), it makes a huge differences when it comes to complex svg's Other export tools / competitor tools do it as explained above and there are no problems. If there is some more detailed technical information needed then let me know.
  2. Hello, I have received an error when trying to upload an svg into Cricut design space. Initially went to a Cricut forum, however I received little aid - seems to be a little too technical for the forum I chose. You guys have been great help with other issues so... I think I am missing something when I export my file from AD. I have attached the file, a pic of the error, & a pic of my export screen. (I have tried to export w/ flatten transforms & relative coordinates, with no luck) TIA. 3G1C.svg
  3. I have made a closed vector path in Photoshop. Applied an inner glow to the path. I can copy the path as SVG and paste into AD. The path gets pasted but not the effect applied to it. So...what tricks are there, if any, how to preserve vector layer effects when importing/pasting from Photoshop. Thanks
  4. Is there a way we can edit SVGs that we import into affinity designer on the iPad? It is labeled "Embedded Document" once imported. I saw that you can edit it on the desktop version but I haven't found anything about the iPad version. Thanks in advance for any help!
  5. In my experimentations for converting Illustrator files to Affinity, I find that SVG has a better potential than PDF. PDF has some crucial limitations in the PDF format that are no good for complex technical drawings (I'm a cartographer): - only top level layers are supported in PDFs (or at least Illustrator can only save top level layers as PDF layers). Most of my AI files have at least one level of sublayers. - within top level layers, sublayer content is not even grouped, so there is no way to easily recreate those sublayers. - symbols are expanded to raw artwork. Maps use symbols a lot and symbols must transfer without needing to be recreated. - effects beyond basic transparency are expanded to raw artwork (ie simple artwork plus a rasterized shadow under it). This is more easily recreated since most effects are the same within a layer. Though the simple artwork seems to be split to separate stroked and filled objects (identical path geometry), a bit messy there. - in some cases beyond effects, some artwork is still split to separate stroked and filled objects with identical path geometry. I've found that SVG supports all that much better, though with other limitations of its own (but more easily dealt with). - Layers SVG has no concept of layers, but Illustrator exports layers as named groups. So far, Affinity only converts top level named groups to layers. Named groups in those top level layers are left as named groups. Also, if there is only one object in a named group, it is not added to a layer, but imported as a lone object. I suggest Affinity import any named groups as layers and sublayers. And to ALWAYS make a named group a layer, even if there is only one object on the layer. - SVG supports symbols, and Illustrator does create SVG symbols on export But, Affinity expands all symbol instances, AND creates a separate expanded symbol of the symbol definition at the artboard 0,0 Please import SVG symbols as symbols. - Masks Affinity ignores masks on import - a mask is not created, AND the masking object is completely dropped. Please support importing and applying SVG masks. - Effects Well, no suggestions here - it appears Illustrator expands effects for SVG export also. Including splitting fill and stroke to separate objects. This one will still need some repair work after import, or preparation before export. These improvements will greatly help bringing over Illustrator files to Designer.
  6. I've a series of diagrams I have produced in a single Designer file, on separate artboards. The diagrams are related in a series, so it is easier to produce them in sequence. I am however having difficulties adding them to a Publisher document using the picture insert tool. I've attached one of the designer files and corresponding svg files in the hope someone has an idea what is going wrong. If I save a Designer file for each individual diagram, the diagrams are on the whole as I would expect, except I am experiencing an issue with items outside the artboard being visible. If I export the individual diagrams as SVG, they look fine when viewed in a web browser. However, place them into a Publisher document and something rather bizarre is happening. The diagrams are made up of numbers of layers of the same elements - often in the same location, with the upper layers cropped so the whole thing replicates 3d knitting. The whole thing appears flattened, and it looks like the cropped layers are removed. I'm not entirely sure whether there is a better way to do this, or if there is bug or two causing the issue. Any help would be appreciated. I'm working with 1.7.2.471 for both software packages, though the Publisher document was started with the previous release. 3 round bobble for publisher.afdesign 3 round bobble #1.svg
  7. Good morning to everyone. This is my first post and I have to start off by saying this message board has been a breathe of fresh air from the time I stumbled upon it from a google search. I am super excited to really explore the entire Affinity community and family of products. I am currently working with a design that my business partner made for me in Illustrator that I have opened in Design. The svg opens fine in Designer and scale and everything is perfect. The problem I am having is when trying to open the same svg file within Cricut Design Space. It is opening distorted, the wrong size, and even a few colors aren't picking up. From what I have read there seems to be a number of problems with this and I have yet to be able to figure it out. I have uploaded files if anyone is able to help I greatly appreciate it. I have found a work around to get my project complete but would love to know what settings to design in (business partner uses Illustrator and I use both Illustrator and Designer-hoping to drop Adobe and their subscriptions soon). Any help is appreciated. This is what the design looks like in Illustrator: This is what it looks like when I import it into Designer on my ipad: This is what it looks like on the upload screen in Cricut Design Space (the Pink heart is lost/distorted) This is what it looks like once in Cricut Design Space (not only is the pink heart gone/distorted) but now the layered colors (pink/teal) are both the same size smh. 1st Grade Tee Front 2.svg
  8. Hello, is there any option to scale also the strokes of an object? I have tried to scale in some other software .... but without success :-( The original file is 640px (width), i need 22px width If possible, i would like to export th result also to an WMF File. Thanks for any ideas
  9. I had a number of very primitive SVGs to make some adjustments (resizing etc. – see attachment)… But whenever I open these .svg files (from several different sources), the contents show up 180 degrees ROTATED in Affinity Designer (1.7.2, macOS)! Please try it with attached file. Opens fine and upright in Safari, Chrome, Firefox… In Affinity Designer however, after opening this SVG the Curves are upside down in the document. While upright in the Navigator Preview. Then, I select the object and set Rotation 180. After that it's upside down in the Navigator Preview. And, most annoyingly, after exporting to SVG, it renders upside down in the browsers too! What is going on? I have follow-up questions to this, but the rotation-issue is the most disturbing right now. Thanks for checking and improving. I like Affinity Designer very much, besides some weird issues now and then. youtube.svg
  10. I, along with @v_kyr, have been trying to assist @GreenGirl in this thread on Drawing Automation based on formulae and range of input values? One problem we have run into is that the svg exported from the template designer file includes a transform that includes a rotation matrix, which affects all subsequent objects that we create in the svg file, when imported into Designer. Apparently, you can reset the bounding box of your basic tic by simply pressing the '.' (period or full stop) key! One of Designer's more useful, but well-hidden features.  I created an oblique line, and exported to Oblique line.svg  I then rotated it to the vertical. It maintained its bounding box and exported to Oblique line rotated.svg. This svg file included a transform and rotation matrix.  Pressing the '.' key reset the bounding box and exported to Oblique line rotated.reset.svg. However the exported svg from this at stage 3 ignored the reset and was the same as that produced by stage 2.  An older workaround (if your object is a closed path) is to create a box around it with the rectangle tool, and use the intersect tool on the pair. This doesn't work either. It still reverts back to stage 2 above. I would expect that the output from stage 3 would not have any transform and rotation matrix. John Oblique line.svg Oblique line rotated.svg Oblique line rotated reset.svg
  11. Width and height dimensions in exported files have a value of 100%. Sometimes values are needed in pixels. You must then change them in a text editor. Is it possible to enter an additional option in the "Export Options" panel that enables widtch and height values expressed in pixels?
  12. It would be nice if there was a way for Affinity to built animation and even export to MP4, GIF or better pure HTML/JS/CSS (SVG) to use on websites. The web keeps getting better and better, but the creative animation tools for the web are limited. There are a few tools if you search for it, but its subscription-based or only available for Mac. I'm not asking for After Effects or other Cinema/Cinematic tools. Just key-frame based Vector animation that we can export to GIF/HTML-CSS/MP4. What do you guys think? Anyone else thinks Affinity Designer can really use some modern, innovative Animation tools?
  13. It doesn't matter what I copy, Designer always rasterizes it into a png for my clipboard. This is hyper annoying.
  14. Hello, I love working with affinity designer on iPad... however, I'm having trouble exporting my file to SVG: All the layer blended shapes/groups are exported as raster images. Is there a way to retain the layer blending for svg files? It's mostly overlay and multiply. I've attached the exported file, hoping it will help figure what went wrong, or if what I'm trying to achieve is at all possible. Regards, Maco neck tie.svg
  15. I'm on the latest version of affinity designer, and have created a lot of isometric illustrstions. However, if I export my artwork to svg (web preset), and open them in sketch app, all the gradients are getting converted to images. I switched back to affinity to inspect these gradients, and I found these are just linear gradients without any special filters. If use the same gradients without isometric plane, the svg out retains its vector gradients, but exporting these with the isometric shapes, it's producing raster images. Is it a bug? Any solution to it. Because i have to do a lot of rework in that case. And it's not just sketch, but my front-end guys also showed me the number of images it has. let me know if you have any solution to it. Thanks
  16. Even if I enable this, copy&paste act like it's disabled. on Mac, I can paste SVG code to a text editor.
  17. Here’s a very quick tutorial that requires no images and may help others who use Affinity Designer with ZBrush to import vector/ svg shapes for extrusion. To bring in an SVG file to ZBrush’s Text 3D & Vector Shapes Plugin successfully I.e with no stretching of proportions and other potential issues….. 1, Make sure your document's porportions within Affinity Designer is square 2, If you didn’t create your vector shape in a square document - copy it and past it in to a newly created square document. NB: How the pasted shape is aligned is of no importance to ZBrush, nor is it’s size within the square document. 3, Select your shape in the document > now export your SVG >File > Export , using the preset SVG (for export) , Area = Whole Document. 4, Import in to ZBrush> ZPlugin> Text 3D & Vector Shapes>New SVG et voila. All should be harmony and joy. (At the time of writing using Affinity Designer 1.6 & ZBrush 4R8)
  18. I've tried to import a simple composition from AD into ZBrush as SVG but I get a mysterious "Unsupported file" message. I've tried several exporting options without any luck. Has anybody got the same problem? Using ZBrush 2019.1.2 and AD 1.7.
  19. It doesn't matter what I copy, could be boxes, could be imported SVGs, instead of copying an SVG, Affinity Designer rasterizes it into an image. This is super annoying.
  20. Please add SVG SMIL export to Affinity Designer for exporting frame by frame animations, like the Adobe Animate CC plugin Flash2SVG does ( https://github.com/TomByrne/Flash2Svg ) . Thanks
  21. Hi, I'm evaluating AD for creating SVG files in a specific format, required by an internal software. What I see so far in the exported SVG is ok. But instead of getting the formatting in the style attribute <rect id=":24W16" x="261.857" y="244.422" width="26.47" height="30.95" style="fill:#c4d8f9;"/> I would prefer to get stroke and fill like this (result of another software with it's own quirks) <rect x="259" y="214" width="32.5" height="38" transform="matrix(1,0,0,1,0,0)" id=":24W16" fill="rgb(196,216,249)"/> Any export options that allow for this that I haven't found yet? Background: the SVG will be loaded into a HTML page and custom CSS will get applied to the SVG. The inline style in the SVG has highest priority and overrules what's in the CSS. Yes, there is a workaround by making everything in the CSS !important but that is a dirty hack that I'd like to avoid. Affinity Designer is the last in a long list of vector editors I'm trying, saving as SVG seems always a bad compromise, sigh :-( Regards, Jens
  22. I think it would be great if there existed a plugin or persona in Designer that would allow you to create small SVG animations from vector shapes. I don't mean an entire motion effects app like Apple Motion 5 or After Effects. But something that would animation SVG for lets say web. Just an idea.
  23. I'm using Affinity Designer to create SVG icons for a website. And I'm using PostCSS and the plugin "postcss-inline-svg" to use those SVG files and apply CSS to them. The problem is, that Affinity applies background colors like this: <path d="..." style="fill: #123456;"/> The style attribute has the highest priority in CSS though. That means I can't apply extra CSS rules to it. If I remove the style attribute or replace it with this: <path d="..." fill="#123456"/> ...it works fine. Can you add an option to use `fill="#123456"` instead of `style="fill: #123456;"` when exporting SVG? That'd be great. Currently I have to do it manually. Thank you.
  24. Hello, I am unable to preserve an opacity gradient (transparency tool in designer) applied at the group level when exporting to svg format. With option "rasterize unsupported properties", I get a rasterize image With option "rasterize nothing", the gradient disappear Is it a some workaround ? Thanks for your help. gradient.afdesign
  25. Adobe Illustrator unifies multiple shapes that is identical(Symbol) into single data when export SVG. This makes SVG a lot smaller. Would be nice if you could implement this. Also an option for simplifying shapes will be useful like SVGO's Precision option or AI's Decimal option.
×
×
  • Create New...

Important Information

Terms of Use | 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.