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

  1. 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.
  2. I want to import/place the following SVG file (hlines.svg). It looks correct in Illustrator. I can also open the file in Chrome and it looks correct. Here is how it looks when imported/placed in Designer: It is faint, but only the square in the upper left corner appears and it is missing the two horizontal black bars. How do I fix this? If I open the file it looks similar but I get a long list of layers. It seems that all of the boxes are being stacked on top of each other. I can select a layer and then move the SVG object to a different location. In this example, I moved each of the boxes from the upper left corner, where they were stacked on top of each other. I don't care if the objects are on separate layers or flattened on the same layer. I am not doing any editing except for scaling the entire image to 30 in x 30 in. I just need it to look like the image at the top, hLines.svg
  3. 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.
  4. 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
  5. 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.)
  6. 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
  7. 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.
  8. Hello there, I am drawing on a Wacom Bamboo Slate, which can export your drawings (and writing via a kind of OCR) to text, image formats and SVG. Here's Wacom's specs for the Slate: http://www.wacom.com/en/products/smartpads/bamboo-slate#Specifications The Slate's ballpoint pen is marketed as having 1024 levels of pressure which in theory seems a bit much for a ballpoint pen, but would be nice if it could reproduce the light and heavy strokes you have made on paper. My problem is that the SVG files exported from Wacom's Inkspace app are filled black shapes instead of strokes. The shapes are thicker than the original paper lines, losing most of the line width variance, and I cannot find a way to reduce the width as you would with a stroke. I am attaching an image to illustrate my problem. Any thoughts on how to convert these shapes into strokes so that I could make them thinner? Many thanks in advance! PS there may be an answer in the thread below ('line width is not yet fully supported in the SVG standard'), but I'd like to confirm if something can be done about this using Affinity Designer? https://forum.affinity.serif.com/index.php?/topic/45452-how-do-i-import-paths-they-keep-turning-into-shapes/#comment-227169
  9. 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
  10. 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?
  11. 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 (1.5.2.58) 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
  12. 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?
  13. 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
  14. 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
  15. 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
  16. 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
  17. 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.
  18. 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
  19. 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
  20. 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
  21. 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.
  22. 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
  23. 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
  24. 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
  25. When drawing elements to be cut on a laser cutter, setting up a document in mm is very helpful. Unfortunately, the common interchange file format for this kind of device is SVG. While the file format supports measurements in defined units, Designer converts to pixels during the export, which means that after import, the dimensions have to be recalculated. Therefore, it would be great to have the option to preserve the units from the document during export, such that a 50x150mm rectangle is exported just as such.
×
×
  • 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.