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

  1. I generated this file using the feisty.info box maker. It looks good elsewhere, but in AD, all the boxes have shifted sides, shifted text etc. I'm enclosing the original, and what happens after I open the original and immediately export it as SVG. What you get in the new file is what you see in AD when the file is opened. Any clues what I am doing wrong? Archive.zip
  2. Looking at the SVG output at the moment SVG's always get a 100% width and 100% height, meaning they always scale up or down to a parent-window (in a browser). But there are a lot of usecases we don't want SVGs to scale on websites and if we do it would be nice if we could set how the responsiveness would behave, so to wich windowborder the image would stick and if we want to keep the aspect ratio while scaling. These are all very simple SVG attributes that only have to be added to the svg when we need it. Browsers are doing the rest. At the moment there is no setting in the SVG settings to turn the auto scaling (100% width/height) behaviour off in the SVG, meaning we have to manually take these attributes out of the SVGs each time we export an SVG if we don't want autoscale. It would be a lot easier, faster and less time consuming if we could just set these settings once inside the SVG export options to save it with our own preset. So what I ask for in the SVG export settings dialog is: - A switch to choose between using document width/height (keep size) or 100% width/height (auto scale) - A listbox to choose the 'preserveAspectRatio' attribute in the SVG so we can set this to: - none, xMinYMin, xMidYMin, xMaxYMin, xMinYMid, xMidYMid (the default), xMaxYMid, xMinYMax, xMidYMax, xMaxYMax (as described here: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio) These are important settings for exporting SVGs for Web and not very difficult to add to the dialog cause they only change 3 attributes in the svg tag. But they speed up the process of SVG exports a lot because these changes don't need to be made by hand in a texteditor after each export! Thanks!
  3. When exporting a vector image to SVG, Designer appears to add hundreds of points to a path that aren't there when editing, causing the exported file to balloon many times the size as one exported from illustrator. For example, the Twitter logo contains 20 points on the path in Designer, but after exporting as a SVG it balloons to 1,554 points! Is there anyway to tell Designer to not add points, and to respect the original layout? This is holding me back from dumping Adobe Illustrator completely, so any help would be greatly appreciated. Thanks, Mike
  4. I have a problem i did vector image and when I want export it as SVG there is a information that "some areas will be raterised 1. When I export it rasterised nothing all is good( second pic) 2. When I export it rasterised unsupported propertis happend this ( first pic) 3. When I export is as rasterised everything all is good
  5. Is there a way to export global document colors to the SVG in a centralized way? eg. style/linearGradient or solidColor So as to be able to change one line of code and have all affected elements change their color at once! Thanks!
  6. Hello, I hope you are doing well. This is the second time that my Affinity Designer freezes. Everytime I copy .svg files or copying other artworks into Affinity it kinda crashes and stops working for no reason. Please check the video. Thank you System-Crash.mp4
  7. Hello guys, I bought Affinity Designer to do web related work. Basically, I use it to create and export files, mostly SVGs when working with vectors. The idea is, exporting the SVG, taking the SVG code and paste it in the HTML code so we can mess around with the SVG coloring with mouse hovers, etc. The problem is, for multiple times the SVG code exported from Affinity doesn't work right. Sometimes the SVG are cut in a small portion, bugged in some browsers like Safari, etc. Which it's a pain because I used Illustrator for this and the codes generated by it always worked fine.
  8. Somehow one of the texts from affinity to svg doesn't export nicely. As you can see the lower text got squeezed, and not retained its isometric grid while exporting. I can view this SVG file on the web and affinity without any problem. But if I try to open this in Sketch app, it looks weird. Any idea what's causing this issue?
  9. Hello, I'm new here and want to share my self made drawings with the members here for FREE. I draw 100% nonprofit. Files are vcarve ready and laser ready. Dxf ore a Svg files you can download them Free. One Reminder keep my drawings Free in anyway you use it so don't sell them. https://storyboardsdraftsman.wordpress.com/ https://www.facebook.com/groups/597383347469762/
  10. Hi there, I need to export a drawing to SVG – I am using Affinity Designer on MacOS – Is there a way to define the markup style in the SVG-file? I need the path-tag to be like this: <path fill="none" stroke="#000000" stroke-width="2" d="M257,1.5"/> But the SVG-output from Designer is like this: <path d="M68.5,260.5l193,-189" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:2px;"/> Visually, the output is the same – but I need the SVG to be written like the first example. Is there a setting to achieve this? The reason behind this is as following: For a web page, I am using the css-framework https://getuikit.com/ For a simple SVG-animation, I need the SVG to be written like the first example above. If I put the Designer-SVG into my code, the animation is simply not working... Thanks for any suggestions!
  11. Whenever I export a logo from Designer as an SVG I noticed in Illustrator CS6 my strokes change. It's my suspicion that when the scale strokes option is selected in Designer for iPad, the data gets lost during export to SVG or upon import into CS6. Anyone else getting this glitch? I suppose a workaround would be to convert those strokes to outlines before exporting but what if client wants me to adjust stroke weight on the fly on their computer? Or on my own? I have Designer for Mac as well but these clients do not. So I would like to know if this is something you plan to address in a future update. Fantastic app by the way! May the Vector Gods smile upon you!
  12. I am doing the graphic design of a game using SVG files I was using Adobe Illustrator CC, but exporting SVG files in AI ruins the gradient, shapes, so I switched to affinity designer The problem is that when I open any SVG file, the color of the vectors looks wrong, pale, without saturation I think it could be because the color settings, and display settings When I export the file as SVG, the colors display correctly in other software, such as inkscape/illustrator (as should be) but not in affinity designer, so yeah, the problem is about displaying the colors in the software correctly _______ These are two examples of the same file open in different softwares - (Affinity open the Affinity file.PNG - SVG screenshot) __ - (Adobe Illustrator or Inkscape or other software or browser open the SVG file.PNG - SVG screenshot)
  13. If you apply to an object a gradient and then add a modification using the transparent tool the result will be one gradient predominating the other after exporting using SVG format Only works if there is neither a gradient or a transparency applied, not both together sample 1.afdesign
  14. SVG format does not save Adjustments added The adjustments are gone after I export using SVG format Could provide a AFDESIGN file for the staff if required to replicate the bug When you open the SVG file saved, the adjustments are gone, removed
  15. I am doing the graphic design of a game using SVG filesI was using Adobe Illustrator CC, but exporting SVG files in AI ruins the gradient, shapes, so I switched to affinity designerThe problem is that when I open any SVG file, the color of the vectors looks wrong, pale, without saturationI think it could be because the color settings, and display settingsWhen I export the file as SVG, the colors display correctly in other software, such as inkscape/illustrator (as should be) but not in affinity designer, so yeah, the problem is about displaying the colors in the software correctly. _______ These are two examples of the same file open in different softwares - (Affinity open the Affinity file.PNG - SVG screenshot) __ - (Adobe Illustrator or Inkscape or other software or browser open the SVG file.PNG - SVG screenshot)
  16. Hi! In my previous more adobe-based workflow - I had a great system set up where I could generate front-panel graphics for our products using a bunch of scripts and SVG import pipelines. I would then manually touch them up and print them on to aluminium. Most of the SVGs dealing with fonts/texts are however broken when importing to affinity designer. Besides waiting for better SVG support - Is there a scriptable way of inserting texts/labels in to an affinity designer file?
  17. With my free SVG Calendar Tool (https://svg-tools.mensch-mesch.com/calendar/) you can create different types of SVG Calendar Templates (Scalable Vector Graphic) for all Affinity products. This tool is not perfect but it will possibly safe a lot of time. Hope you like this simple tool Keep on drawin' Norbert
  18. Hi all, im working on a project for a client in Designer.. I’m vectorizing a drawing for a product that will be CNC and Laser engraved.. and now the engraving company wants the finished file in a .DXF format.. I see that Affinity Designer doesn’t support.DXF. What is the best way to get my document converted into a file that the company can use? I’m using macOS Mojave and iPadOS Thanks in advance! Marius
  19. When importing SVG files into Affinity Designer, the text size becomes drastically reduced. Please see the following images comparing the same file when opened in Chrome vs affinity designer. This bug seems to affect all SVG files created by the software ChemDraw, so I can provide additional files if needed. By default, ChemDraw should export images with a font size of 10. I am using the latest version of the software as installed by the Microsoft Store. aniline.svg
  20. Hi all, just a question I'm not sure anyone can answer, but I´ll try :-) I'm working on a design in Designer, for something that will be laser engraved.. The client said they needed the file in .SVG when it's done. I guess they need the .SVG file to program into the laser engraving machine.. Does anyone know if I have to expand all the lines, to be laser engraved, or can they be like un expanded vector lines. Will the laser engraver understand that all that is black will be cut out? Or is there anything else I have to think about.. The client knows that I don't know much about laser engravers, but he said only he needed the file is .SVG Any tips or ideas? :-) Here is a little screenshot part of the design I'm working on..
  21. Whenever I export an SVG file it comes out a different size. Such as I when I first create the file it says I set the size to 1px by 1px. I create a circle and then when I export it to my web application the size is much bigger than it says it was. I have found that if I change the width and height properties on the SVG file itself it will shrink the SVG to my liking, but I would like it to do it when I export and not have to do it every time. If you need any more information from me please let me know.
  22. 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.
  23. [ 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
  24. 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
  25. 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
×
×
  • 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.