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 & Feedback
  • 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
    • (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 326 results

  1. 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
  2. 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. 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.
  4. 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.
  5. 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
  6. 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 :-)
  7. 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.
  8. 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
  9. 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.
  10. 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
  11. 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.)
  12. 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
  13. 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.
  14. 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
  15. 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
  16. 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?
  17. 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
  18. 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?
  19. 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
  20. 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. 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
  22. 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
  23. 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.
  24. 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
  25. 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
×