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


  • 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


Last Updated

  • Start


Filter by number of...


  • Start





Website URL







Found 414 results

  1. Icon Fonts are a brilliant way to manage scalable art for the new flat world of web and app design and quickly becoming more popular: http://fontawesome.io https://icomoon.io http://fontello.com Request: Font Designer Persona - Affinity Designer is well positioned to provide THE ultimate on designer tool. The first step is to enable exporting of slices to SVG. This could be followed by more enhancements up to and including generation of font files (or json) and supporting CSS. With the ubiquity of icon fonts, font editing is not just for font designers any more. Creating a page with a grid of slices for each character in the font would be great and remove the tedious steps of creating slices around hundreds of icons. Have a look at http://www.glyphsapp.com and cover a few high value holes. I have only just begun my own research and experimentation on this topic. I going ahead with creating most of my app artwork as an icon font but I cannot use AD until SVG slice export is available. I hope others will agree.
  2. Hi, I am posting here because I am facing an issue which I do not understand at all... I have a bunch of files created with Inkscape, which use Trebuchet MS font. And when I try to import one of them (or directly open) in Affinity Designer, it fails to load the font "TrebuchetMS" (without the space), and replaces all font with a default one, which I definitely do not want... I had the same issue with Illustrator a while ago, and I really don't understand. If I open the SVG file in a text editor, the Trebuchet MS font is well defined and written, and I cannot find the "TrebuchetMS" chain anywhere... I have attached a very basic example of file which opens properly in Inkscape, and not in AD... Does anyone have an idea of what's happening and any solution to propose?? Thanks a lot! David dessin_inkscape.svg
  3. It would be great if there was an option on the export to make the SVG minimal in file size. As an example, right now it is producing SVG at 11kb but when I "clean" them they drop down to 7kb. It would be great if this could be done in all one step.
  4. Hola, I love Affinity and I'm working a lot with it. I have a lot of problems exporting vector files. I've read the forums about these troubles and I didn't find anything about this bug, so here I go: When exporting SVG files, there is a bug around the strokes. -If I open the exported file in Adobe Illustrator, some strokes have disappeared. -If I open it in Affinity, the strokes are there but they have changed their color and caps, others have been rasterised and some others have disappeared too. (I understand that the shadows are in 'multiply' mode and it can't be exported, though). Thanks, you are doing a great job!
  5. Hi I know you've already got a ton of stuff on your list of things to do, but is there any chance of adding support for accessibility features for SVG on export? (and preserving them on import if they are already there) http://www.sitepoint.com/tips-accessible-svg/ I think it boils down to the ability to add <title>......</title> <desc>.......</desc> at the beginning of the svg document. As well as, if possible, aria-labelledby="title desc" role="img" to the <svg> tag. If you could enter this information at the same time as you do the export then that would be one less thing to remember. This is all stuff that can be easily added with a text editor so it would come under the heading of 'handy-but-not-essential'.
  6. Hi I want to build an svg graphic that I can use like an image map. So I wanted to make some of the paths clickable links eg: <a xlink:href="" > <path id="campania" d="M564.55 581.71l-2.24-0.73 0.82-3.38 -0.66-3.4 -5.95-10.98 -3.58-2.48 -0.52-3.53 -2.05-3.73 -7.48-8.95 -2.91-2.67 4.28-1.26 1.04-2.15 2.1-0.94 1.53-1.42 0.83-7.98 -1.12-3.07 2.53-0.84 3.17-2.61 1.44-0.48 1.99 1.28 3.14 5.2 2.38 0.72 3.43 0.04 0.7-0.8 -0.28-2.23 -1.93-2.49 2.81-3.92 3.07 0.38 4.41-0.37 3.6 0.97 4.39 2.42 7.89 2.82 2.16 0.26 2.65 2.95 4.5 0.1 2.51 1.73 5.46-2.99 6.68-0.61 1.48-1.15 0.97-1.98 3.54 1.71 7.59-2.35 5.01-2.66 3.63 1.54 1.94 2.26 1.77 0.99 0.33 2.89 -2.66 2.96 0.77 2.86 3.95 2 1.51 3.14 3.12-1.15 4.35 2.04 1.41 1.84 -1.59 1 0.45 1.97 -3.61 3.52 0.1 1.61 3.98 2.33 2.03 2.2 7.78 0.58 1.74-0.73 3.67 2.34 7.63 2.13 1.33 3.57 -3.02 6.78 -4.74 2.69 -7.61 0.25 -1.02 2.45 0.37 2.85 -1.5 2.41 1.7 1.44 0.42 5.46 1.01 2.24 3.83 3.6 3.82 1.47 -0.2 1.14 -2.58 2.27 -0.31 1.9 0.92 0.79 2.53 0.77 1.9 1.79 1.62 3.9 -0.11 3.2 1.08 1.39 1.92 1.2 1.21 2.17 2.35 0.92 2.8 2.79 2.24 0.42 0.83 0.65 1.12 5.37 5.2 4.49 0.23 1.87 -0.94 1.97 -4.08 2.74 -1.99 2.12 -0.22 3.22 -3.31 4.55 0.15 0.93 0.89 0.61 -0.9 1 -0.9-0.7 -0.9-1.89 -0.98 0.38 -5.76-0.38 -2.03 0.72 -6.38 5.85 -1.31 0.39 -1.99-0.27 -4.72-2.77 -3.71 0.41 1.32-1.44 -1.25-2.42 -2.33-2.41 -3.29-1.7 -4.69-4.46 -1.4-0.57 -4.77 0.53 -6.55-5.49 -3.53-0.91 -0.24-1.12 1.77-2.26 0.62-2.06 -0.5-2.24 2.23-0.93 1.25-1.32 0.85-3.52 -1.07-3.39 -6.58-12.67 -2.12-3.13 -3.98-4.16 -2.22-1.58 -2.49-0.6 -2.53 0.93 -2.16 1.55 -5.78 0.28 -3.22 2.52 -1.87 0.34 -4.58-1.64 -4.91 1.56 -5.74 3.7 -0.58-0.76 -0.12-1.65 0.63-1.47 3.61-1.07 0.67-1.32 5.69-4.34 0.78-1.16 -0.36-1.94 -1.11-1.45 -2.81-1.74 -2.58-0.65 -7.46-6.24 -5.48 0.68 -1.68 2.7 -1.29 0.07 -5.27-2.59 -2.39-0.17 -0.78 1.24 0.4 2.62 -0.05-0.02ZM555.47 588.61l-0.92 0.79 -1.86-0.18 -2.16 0.85 -2.68-1.55 1.35-2.53 -0.2-1.16 0.9 0 5.79 2.21 -0.23 1.58 0.01-0.01Z" class="s1"/></a> Only AFD won't import them (it will import the paths that I haven't tried to make clickable). The graphic works OK in Safari and I tried running it through the w3c validator and it seems to validate OK (more or less). Thanks. (I hope it doesn't seem like I'm always complaining, but I'm assuming that you want to know about issues so you can make AFD even better than it already is).
  7. Hi I've just imported an svg file, copied and pasted it into another, did some resizing, changed the layer names, and then exported the combined document (a map with place names) to svg. I ended up with circles being converted into paths. To give one example: <circle cx="210.4" cy="230.6" id="Genova (w9) marker" r="3" class="style0"/> <g id="Genova (w9) label" transform="translate(0,0)" x="215.4" y="230.6"> <text id="Genova (w9) name" x="215.4" y="230.6" class="style1">Genova </text></g> was converted to: <g id="Genova marker"> <path d="M215.887,281.212C217.745,281.212 219.251,282.719 219.251,284.577C219.251,286.435 217.745,287.942 215.887,287.942C214.028,287.942 212.522,286.435 212.522,284.577C212.522,282.719 214.028,281.212 215.887,281.212Z" style="fill:black;fill-opacity:0;stroke-width:1.12px;stroke:black;"/> </g> <g id="Genova name"> <text x="221.494px" y="284.577px" style="font-family:Verdana;font-size:11.2154px;fill:black;">Genov<tspan x="257.112px 263.848px ">a </tspan></text> <text x="221.494px" y="295.792px" style="font-family:Verdana;font-size:11.2154px;fill:black;"> </text> </g> Is there a way I can get it to retain the circles as circles so that I can more easily change the radius? Thanks.
  8. EDIT: Sorry I forgot to check the answer to my question in the questions section. I'd have deleted this thread but there doesn't seem to be a way to do that. At the moment if I import a file with a bunch of svg shapes Affinity converts these to paths. It would be really handy to be able to preserve these as svg shapes. For example if I have a bunch of map markers that look like this: <circle cx="168.5" cy="581.2" id="Alghero marker" r="3" class="style0"/> <g id="Algherolabel" transform="translate(0,0)" x="173.5" y="581.2"> <text id="Alghero name" x="173.5" y="581.2" class="style1">Alghero</text> </g> I can easily change the radius of the marker from 3 to 2 by using search and replace in a text editor (I can't see any way to do the same thing with multiple paths - but maybe that's my ignorance). Webcode and Sketch do this (although in other respects I much prefer Affinity). Thanks.
  9. Hi I had a couple of problems importing an svg file with the CSS statements in the head of the document - AD correctly interpreted the global styles, but seems to have ignored a style attached to one particular element; - I got the error message "The following files are missing: "Open Sans", Helvetica, Arial, sans-serif" in response to a CSS statement about text labels. I'm uploading my file so you can tell whether I've got something wrong. I appreciate this may be more about features that AFD doesn't yet have. Thanks
  10. Hi Thanks again for the improvements to the SVG export in the Beta. Would it be possible to have the option to group CSS statements at the head of the SVG document (along the lines of what CSS Optimiser does)? Thanks.
  11. Hi Anybody can posdkazat as can be exported, for example, in the format and get svg file without the element <image>? that I get when I export: <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="2400px" height="2400px" 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.41421;"> <g> <g> <image x="18" y="32" width="2350px" height="2339px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACS4AAAkjCAYAAAAF8kO/AAAgAElEQVR4nOy9y6+lSXIf9svM7zuv+763qrqquqtf1d0z080Rh4BESqBImiYJU4AlQBBgWIa9MOCtN/4DDO28sFfaeCF4Yy8MGDBhyoABAbQIkRQfpoecGfZMT/dwuut1b9267/M+3yMjvIiM/PI799yq6iFkwMZJ9Ok69zv55SMyMiIy45eRBiF999/8q/9JvjEbYwgA2IAAMAAYGDLWMABiYjCYAZCBgeSRdwCwsSAYw+E3Mswc3iFjwcZYWGvIWsPEABDrIWsMjDFsjJFfYIiNY2v1HcsGhq01sNbG9gHMREzee9R1zUTEzExEBGut/g2AiRkM6QEbI/UySxnxN2Lm0D9jpT3GSL2A0AEGsMZpGZB34wcwIGMsA4D3npmZjTGAMWwNWH8L9Iv9UPonZbExgIFhGDBg4KxlqVJazUyByBTbwczwMlTMzDAGDGNgpT9J+SSZ0bRHug+ADVtjpH7rYIzhzGXsMvkOhN+MZSnSMIyFNTaUIeSEARgGOgjGGP1VyjEG1hgGx5EAEUn7pAJtr7TfWjgjbSAjg+lgQ9spDoUJfMhhTL337H0F7wlUe2YmEBEMEzN7EBHIeyaWIWGlg7YztK3hu9Cm0BbhUwtrLed5F845WGfZuQw278XfpDtKNxsLCnwGIsDL0EF4lwL9XWiCAbFBMo6tpPVYa+Gcg7MOYcwio3vpq7SDGeSJZf6UKOs5UNfwvkRdFaiKBYr5jJkIhghKB6GFtEOYU74T1/jbv/ofXGvXOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq3TOq2Tpiz5/p8CgDEBbhRSg9ponhlrBI8imIUAhpAMivMwEKyJ/GJAJgBJAIU3wAACNUmS0TwcCgDDk4cxAJEBM8MaeVPAOAE0EUAUDZgilBd+AwTMId9JWhXbjth2+QBspB3WmliHcxH4Ie2wVoAkCjxJ6pXCbdM2EropsEXLibRjRbIQlpPm1w9YymjGiMEsgBMmDxCBmWRsPDcIGwaYCMxoykooD7Rpx8wwsIAxMMbCWAuTZfJxDgZWnidlWeuaZ6FmpWtam/zgIgewMWDT9MkYA5e0Axx4xjRjroziwt/WOADyHrMBG/lL6ieQr2BMDZd5WF+DshrsPZhKUO1R1z4wtRRN+j0Zq4jnSn5jZhC8tE9gTOG5j8gzAlBTD85lcNbBWBv424a2Gx0BMBNsbuGIQeRlMhjhRQHVkYCW4AIthIrpcArfRhBV4CGbjDkjcxZsHWSOATDSXsMWOeeCN2MLNgZkgF63g7IsBVBFBAIrqhFNqQzDDGaDP/83/yq2yYZ2CnBOwFQ2y+BshqzTRdbpwrkOYAI4y+ah3Q7GOmIFKhpDJoAGDSwZYyj0iVgwawAMETGBiUL1bIylwDcEgIxhGGvJwBAziKVAAgwHfiHvK/J1Daaa6qoiqkuqyznKYs7lYk5VWcD7iuq6JO+9Au2ormsyMCAmGg1H/Ad/+AeYjCdkM0t337iDhw8/oHv37nHtPXV7PXQ6ORnrGESAteSyjBC4ydqMiC2dnV/i+PiUz84uaF4U2Nzeobquudfr4c233qIPHj7krZ1tsExwMgIOhDGGiA17IjALps97Qu09nZ6e8dnFJU1nc3gC2yynmgEylq11ZJ2DAdhmjgwsb21t4fb+Lu13wcwV6rKkupyxrxdgXxGo4rqumDwBAvpkWIfLiyt6cfqCjw4PcXz8nKfTKe3tbvPf+vlv4/79NznLciJibG5usrZbxshwQJ/quLGvBc5X13XMB4CttVyWJf78//6/+Mc//jFdXl7CBnCntRZEIkSstUTEyDLHg8GA7969i2984xv87W9/m4tFgcBAZCLwliNAFEHrSVECBwUoglaZQfIDMRFxsSjw/R98nz//8Y/59PSMg/5gwDIzgbU871HVFb/55n3++ONP+Jvf/Aa2t3e4rolhBKSq8l77BAUUM9gLaBX6XEWUp9A2GXu2LuPTkxf47p//BT99+oSnk6lI4UwkLZFnAOxsxsQ1rMn4nXffwfvvv4979+5yp9PhTqcL5xwba2Gd5cxZ1CSo5GgtGMO+rkFgrqoKi/mcR8MRfvCD7/NoNAaRh7WO8zzj9957F7/4S7+ETp4FQKtFXdfwLH1nInjvGQC6eY8nkwn+8i+/x9/73l9iPB6i3+uzy0TGkydmC3hfwxrHe/t7+OSTT/C3/87fYWcd6tpHcKmq8QAa5USWx++IHWrAqoHO8VFgq+QZC/iVCE+ePOFPP/0r/PjzL5A5AZzWPugYY1DXNVtjYJ3DxqCPN964i3//N38TOzs7rNwnIFYCQwDYqkuzLENVVbDWoqoqvry4xFePvsIf/tEfIXMOzoq+ZiJ4Ilb7xROB6hp3793Df/gP/yHu3L4Nay3KsgQxg2uPf/Qf/edrwOk6rdM6rdM6rdM6rdM6rdM6rdM6rdM6rdM6rdM6rdM6rdM6rdM6/b+aInDJuBQIE/6N4IwGoNGAOMT5x5pBywmAlQjwgWBy2BowK0jDCmyJA2BjGTxE4tgz0Eg73NQdYukEZ3YLSKROw1Zbkt8BCPjGZC3giUuARHVdw3uPLDMtgJF+56Qu5xycy2Ek2o70cxVwigxs1ol/qxNaACcK4ZLk0dAcCEAuBXAosIcZ1mUBiRRAJKTO5xpEHswUaFm3aGsSel4DKS2NhYkDrOMagDawMMhgrQvgEpMAmALNjAKIBN3WDlKE0IYAQAvgrSQMUdMGHWsEKIdJaKNgLqvAJRvfimWx1O3JQwN7CSDJwYDDEwc2DT9FnqHr/ttlmqX/rgTBtXoiZZIhgWsZCxiScdW6Y08BWAUlKUIQAEj6xgaW9b0GKKhJ+TUFyinISUF7zFKTNJ8iqAjWAdZBYD8aU22JX5D460PosvQ3bbLylWZtg9cSWBd5sPUBvAUYNmB2IMHfWTYOYLbSfKETQ8vmSDs2gp+Q4FimzXKhrUjpFbIJ7CLlfwuhfIgkxU1rI7gx/c4M732c2wxGXdeYL+YoyzLWURQVJpMpqqoO46vARYmA5YxBVREMRDaylfmbmRq5rZHbCiUWQGXhiwrIDTLjkTmGMwxiAUYoPRSA5wwEtKBygQmVr+DJh2ehgQRYK+AzEEkfyYKYQAwBF1oC14BC1xrApwAmSYGhVhB1Z1cXOD45xfnVFRZFAWIOciLIrDAm1qleaOT9st6xzrb4EAACaAzOOXQ6XeR5fk32K98LaM6grmuMx2NkWYb79+9rZDSwb/SIc065uQHmMYMFN4dUjobIfvAhglnuMhS8AHsCGMicQ57nIJjQXg7z04EZyHOLqiIURQUigyzroCxn18CyqaxR3rfGgiiRORFm1bSNmeHrEnnWQb/ .... wdb0f2oHDokFQAAAABJRU5ErkJggg=="/> </g> </g> </svg> I need to get when I export <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="1890" height="1200" viewBox="0, 0, 1890, 1200"> <g id="add"> <g> <path d="M1826.731,24.5 L1826.731,99.901 L1862.678,128.975 L1042.435,1102.063 L884.518,1102.063 L884.5,1165.5 L40.499,1165.5 L155.068,326.5 L992.5,326.5 L992.5,24.5 L1826.731,24.5 z" fill-opacity="0" stroke="#000000" stroke-width="4" stroke-dasharray="24,8,8,8" stroke-linecap="round" stroke-linejoin="round"/> </g> <g> <path d="M1001.349,337.5 L1001.349,835.044 L949.127,891.5 L872.348,891.5 L872.348,962.5 L78.5,962.5 L166.144,337.5 L1001.349,337.5 z" fill-opacity="0" stroke="#000000" stroke-width="1"/> </g> <g> <g> <path d="M671.255,611.695 C677.882,611.695 689.424,619.13 689.424,629.865 L689.424,669.135 C689.424,681.095 677.882,687.305 671.255,687.305 L407.594,687.305 C400.967,687.305 389.424,680.827 389.424,669.403 L389.424,629.865 C389.424,618.861 400.967,611.695 407.594,611.695 L671.255,611.695 z M671.255,616.695 L407.594,616.695 C401.998,616.695 394.424,623.153 394.424,629.865 L394.424,669.403 C394.424,676.327 401.71,682.305 407.594,682.305 L671.255,682.305 C673.611,682.305 677.014,681.005 679.653,678.84 C682.706,676.335 684.424,673.054 684.424,669.135 L684.424,629.865 C684.424,623.326 676.73,616.695 671.255,616.695 z" fill="#12188C"/> </g> ... </g> </g> </svg>
  12. Dear developers, Is it possible to add the viewBox tag to SVG export? It could echo the width and height tags for instance (that would be relatively easy I think). I appreciate the SVG output of Designer: it is among the cleanest I have seen.
  13. A box of 50 mm x 50 mm in Designer will be 208,333 mm x 208,333 mm in a svg file. (print-ready 300dpi - only no pixels) Remco
  14. Hi I don't know if this is a question or a feature request. I'm working on a map for a website, and what I'd like to do is use CSS to control the fill colour for a particular region. So I want to tinker with the svg in a text editor. The only problem is the layer names aren't preserved when I export to svg. Am I missing something? Is there a way to preserve them?
  • 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.