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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 315 results

  1. 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
  2. When exporting to SVG, is it possible to get HTML5 output without putting every property into styles? Example: <?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"> <svg width="100%" height="100%" viewBox="0 0 300 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> <rect x="78.614" y="8.716" width="220.68" height="14" style="fill:#e0e0e0;"/> <ellipse cx="28.992" cy="28.132" rx="24.492" ry="23.632" style="fill:none;stroke:#e0e0e0;stroke-width:9px;"/> </svg> According to https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute#Core_attributes this can be written like this (looking only at the rect and ellipse): <?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"> <svg width="100%" height="100%" viewBox="0 0 300 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> <rect x="78.614" y="8.716" width="220.68" height="14" fill="#e0e0e0"/> <ellipse cx="28.992" cy="28.132" rx="24.492" ry="23.632" fill="none" stroke="#e0e0e0" stroke-width="9px" /> </svg> In my opinion this a more modern and cleaner way of writing SVG.
  3. I name all of my layers and groups in my SVG file. It is crucial the IDs export correctly so I can target them with ease in CSS and Javascript. The recent update just messed up how they export. Normally name of layer: dismiss-popup as typed (see attachment) Would appear as such on export in SVG code: <g id="dismiss-popup"><rect x="-36.697" /* rest of SVG code */ After update, it does this: <g id="dismiss.-popup"><rect x="-36.697" /* rest of SVG code */ What is with the period?! Now I have to go through and edit the IDs or CSS/JS code every time I modify my SVG interactive and export it. I guess I could just accept the periods, but I would like to know why it is doing it. Is this a bug or my machine? Why was this done? Thanks
  4. hi everyone i hope somebody can help :) I´ve been working with Inkpad on my iPad for a thew months now . I have over 100 files and i want to move them all to affinity designer . after the svg file was imported everything but the font is in place...the letters are gone to make it simple I've made a sample svg file containing only of a letter A my mac preview does show the A.svg file correctly Ive talked to Inkpad support already ...they are not able to help.. does that mean I've never been able move file between Inkpad and Affinity Designer? Jakub A.pdf A.svg
  5. When a file that contains curved shapes with a inside or outside aligned stroke is exported to PDF or SVG the strokes will be converted to an unacceptably high number of anchor points. See attached. Test.afdesign Test.pdf Test.svg
  6. Night4wk

    13 SVG bugs & 1 crash

    Hi again, as I was importing some of my SVGs, I noticed some slight issues with their appearance in Affinity. So, I did some testing and found out what was causing these issues. I've created a separate file for each bug (14 in total). It should become clear by following the instructions below. If not, just let me know! Disclaimer: Importing the first file will (most likely) make Affinity crash. Please save your work progress before trying! Instructions: 1. Open the attached files in a web browser 2. Now import them into Affinity (Photo or Designer) 3. Compare both versions closely Cheers! ------------------------------------------- Affinity Designer Version: 1.5.1.43 Affinity Photo Version: 1.5.1.54 Operating System: Windows 10 1_crash_when_colour_capitalised.svg 2_stroke_although_colour_not_set.svg 3_no_fill_when_colour_capitalised.svg 4_incorrect_gradients_when_gradientUnits_objectBoundingBox.svg 5_nested_svgs.svg 6_no_repetitive_gradients.svg 7_stroke_dasharray_wrong_direction_starting_point_array_too_short.svg 8_no_patterns.svg 9_incorrect_skewing.svg 10_no_drop_shadows.svg 11_no_blending.svg 12_close_path_and_moveToEnd(!).svg 13_no_masking.svg 14_no_markers.svg
  7. Hey there! When I export (SVG for web) this document, the "A" in Alice's public key (the green one) becomes badly misaligned. Other documents with different letters place the letter differently. Any idea what's up? Thanks much! certificate-alice-signed.afdesign certificate-alice-signed.svg
  8. Hi guys, I exported some graphics as .SVG to use them in a website, but: 1. image As you can see here (the SVG is the upper graphic, the PNG is the lower graphic) the colors in the SVG are heavily different. 2. image Here (the SVG is again the upper graphic, the PNG is the lower graphic) the stars are completely blurry. Cheers, Stefan.
  9. Dear All, I really like to work with Affinity Photo and Designer. Since I´m Adobe free now, I can´t compare my issue with other vector software but let´s get to the point: When I´m exporting a rectangle with 100mm x 100mm from Affinity Designer and I´m importing it in different kinds of software (Like CAD oder other tools which supports SVG) the rectangle is 312 x 312mm. This means, I need to divide my drawings by 3.12 to get the right dimension after exporting from Affinity Designer. Since this is not really precise and makes everything more complicated, I want to know if there is any setup option in AD to get it out of the software accordingly. THX for your help Mac OS Sierra with the Affinity Designer 1.5.5
  10. Hello, I've been having a terrible time with SVG files imported into Silhouette Studio from Affinity Designer when trying to create cut files of my designs. I've searched read the threads here on the issue. The one thread the characterizes my exact issue is found here: https://forum.affinity.serif.com/index.php?/topic/18394-svg-export/ Where user @Busenitz says Definitely, the disappearing element is a problem. Some layers/elements just don't even show up no matter what I try. I've experienced all the challenges spoken in the Silhouette threads here. I've tried all of the suggestions on the forum and it seems that Affinity Designer SVGs are the only files having this issue with Silhouette. The PDF option allows the entire design to import but there is always the issue with separating elements for cutting as well as proportion or sizing issues. What I'd like to know is whether or not this is an Affinity Designer (proprietary format) issue and there needs to be some more tweaking in either software programs to get this right. What is actual fix here and what am I missing? What does AD have this issue and other programs do not? I'm all in on AD and it has exponentially improved my design productivity...until I import my designs into Silhouette. Any insight and guidance would be greatly appreciated. Thanks! ~T
  11. The <symbol> SVG element is being handled incorrectly. Below is the svg. This imports to Affinity Designer as two mirrored rectangles in displaced locations. All other svg's with the <symbol> element are similarly garbled. I've included a screen shot and the .svg file. This element should create a single rectangle in the Studio Symbols palette with an instance at the xlink coordinates, and named per the id="rectangle_symbol" which is not the same as the svg source file name. Thanks! <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 960 560" style="enable-background:new 0 0 960 560;" xml:space="preserve"> <symbol id="rectangle_symbol" viewBox="-105.628 -67.808 211.256 135.615"> <polygon style="fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;" points="105.128,-67.308 -105.128,-67.308 -105.128,67.308 105.128,67.308 "/> </symbol> <use xlink:href="#rectangle_symbol" width="211.256" height="135.615" x="-105.628" y="-67.808" transform="matrix(1 0 0 -1 483.2564 233.0769)" style="overflow:visible;"/> </svg> rectangleSVGimport.tiff rectangleSymbol.svg
  12. Importing (Placing) SVG from https://cs.wikipedia.org/wiki/Soubor:GHS-pictogram-exclam.svgto a document in Designer 1.5.0 results in invisible object. Another similar SVGs with other GHS marks were imported fine to the very same document. I managed to import this problematic SVG by converting it to EMF in open source Inkscape and using the EMF instead. GHS-pictogram-exclam.svg
  13. [ macOS El Capitan 10.11.6, Affinity Designer 1.5.4 ] Hi guys! I've been working quite extensively with AD, testing it for producing artworks for a small laser cutting business I own. And I must thank you since I managed to replace AI for 80% of the time! (on the computer which controls the machine I have only installed AD) But there are some bugs that I find here and then. :D Here's one: I created the attached file by code (example.svg), using the makerjs library and spitting out an svg with precise cm dimensions (as needed for laser cutting). When I open it in AI, the size is fine (3x3cm total), when I open it in AD, it's 3x3px. Am I doing something wrong? :huh: Thanks PS: I also must say that when copying a layer from AD and pasting it in another AD document it doesn't maintain the scale. PPS: Is there a way to the Affinity to works always in cm as default? example.svg
  14. I'm having a pretty major problem with the svg exporting features in affinity. When I set up a simple scene with two objects, each with their own drop shadow, the drop shadows are not rendered transparently, This is causing heaps of grief, because when I move the objects around, the shadows are just blocky images that look really bad, as shown: Is there some way to force afinity to render the image with a transparent background? This is really bad when I try to move the objects around on the web with javascript. +1 For svg filters. It would honestly make 90% of these problems go away.
  15. Hi all, Is it any option to transform a picture from JPG to SVG in Affinity Designer? I don't see any option at Tool Panel. Thank you. Laura
  16. Hello everyone, ok, so I am having issues with my svg vector artwork that I imported into Affinity Photo. The image looks normal when at 100 % zoom then when I zoom in it gets pixelated... although when I export in pdf or svg it looks fine. Is there an option I am missing somewhere? I just want to be able to zoom in and see the file how it will look when I export. Please let me know if you have an answer or suggestion? Thank you
  17. Hi, AD (Win ver. 1.5.3.69) when opening SVG files ignores the vertical shift of characters in a text... this renders some strange results (see the screenshot of the rendering of the attached file in Inkscape and in AD). test.svg
  18. When I open an svg file created in Inkscape in Designer, some of the tools don't work. For example: when I select the text elements in order to change them to a different font or size, they don't change. The font is selected in the Character menu etc, but the fonts don't change in the file itself. As the program exports svg files I figured there wasn't a compatibility issue with Inkscape files. Is there a general compatibility issue between svg and Designer or is it to do with Inkscape? And is there a solution? I also can't open ai files created in Illustrator. The file opens with no content except this text: 'saved without PDF Content. To Place or open this file in other applications, it should be re-saved from Adobe Illustrator with the "Create PDF Compatible File" option turned on. This option is in the Illustrator Native Format Options dialog box, which appears when saving an Adobe Illustrator file using the Save As command.' Is there a solution to this too? I love this program, but this kind of glitch makes updating previous work impossible now I have switched from Illustrator to Affinity Designer, which means it has to re-created from scratch. Thanks for your help.
  19. mqudsi

    currentColor unsupported

    For an SVG document like the attached that relies on `currentColor` to set the color of nodes (normally set via CSS on parent elements in the document), the document loads with nothing visible (since both fill and stroke are set to none). In a viewer (e.g. Chrome), the default curve color is set to black. alert-octagon.svg In a standalone SVG viewer, the result is also correct.
  20. mqudsi

    SVG layer missing

    Loading the attached SVG in AD, apart from the bug reported here, entirely loses one of the SVG layers/elements. This is what AD shows (once the fill color is set): This is what shows when the SVG is loaded in a viewer: alert-octagon.svg
  21. When exporting to SVG, is it possible to export filters as SVG filters instead of raster images? Thank you in advance.
  22. When exporting the document to SVG, no matter what settings I change I consistantly get one of two outcomes. 1.) --- The SVG becomes a rastered image when the export settings are set to rasterise unsupported properties. Helen's_Bike.svg 2.) --- The SVG becomes broken, Helen's_Bike_0.svg (Only the mask for the handlebars seems to work. All Shadow shapes display unmasked and the shapes used as masks seem to be released. Them being released also means that they are a layer above the Shadow layers) There are no effects on any layers, although there were previously. I had been experimenting with adding a stroke to the outside of the primary NewBike group. I have read multiple other threads that I thought might solve my solution, however nothing is working. Here is the working file Helen's_Bike.afdesign --- I appreciate any help. My only other option is paying a month for Creative Cloud to trace a PNG of the work I've done so far. And I seriously don't want to have to considering I just purchased this. I have a Windows machine and my version is a stable release. I believe version 1.5. this was downloaded half a week ago.
  23. Hi, Don't know if this is the right place to ask this but here goes... I want to be able to export an svg with holes in it. This is what I get when I export: <?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"> <svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"> <path d="M18.072,4.458c0,-0.344 -0.279,-0.622 -0.622,-0.622l-10.9,-0.042c-0.343,0 -0.622,0.279 -0.622,0.622l0,15.126c0,0.344 0.279,0.622 0.622,0.622l10.9,0.042c0.343,0 0.622,-0.279 0.622,-0.622l0,-15.126Zm-6.072,6.298l0,-1.512l-4.045,0l0,1.512l4.045,0Zm2.257,-2.814l0,-1.512l-6.302,0l0,1.512l6.302,0Z"/> </svg> For my project, I only need the path. But when I only insert the path into my project, I just get a full black shape. The culprit is the style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;" If I import the whole svg object... I do see the holes in the shape What am I doing wrong in the export? I just combine (or substract) the 2 shapes prior to exporting so I have one '(Curves)' layer Thanks! - Desired result in one path (without style tag)
  24. I try to export 3 slices as SVG format into a folder where the files already exist and want them to be replaced. The export fails, without a way to confirm a replacement. Exporting to an other folder works.
  25. Hello! I recently purchased AD Designer for my Mac to design & use SVGs in both my vinyl cutting machine and a soon to be delivered laser engraver/cutter. I'd like to create the files and be able to use them interchangeably in the laser and Silhouette Cameo Designer Edition software for my vinyl and paper cutting. When saved as an AD SVG and imported or opened in the Silhouette software, the file usually opens with square proportions, no matter what the original proportions of the SVG file is. The attached PDF shows some examples. The first row does not involve AD and both the original SVG doc from the web and one opened in Inkscape and exported from their software. Both retained proportions correctly. The second row are SVGs created in AD - created with different settings. The first is a whole document export (the workspace of the SVG I opened was tall and narrow). This is a case where it did not open as a square, but proportions are way off The second now was an export of only the single graphic selected. Even though the graphic is taller than it is wide, it opened as a square and is also stretched. Here's a potential work around, but I'f like to avoid having to do this to all docs created in AD. I drew a square box around the graphic and exported the image and the box without background. Because the export was square, it seemed to import to the Silhouette software OK. Am I missing any settings for export that could help preserve the proportions when importing into this software? Would love it if I just have to tweak some settings to get the proper importing. Since other SVGs import OK (the source SVG and one created in Inkscape), There must be something different in the way I'm creating the AD SVG. Thanks, Bill Silhouette Studio SVG Export Issue.pdf
×