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

  1. 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'.
  2. 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).
  3. 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.
  4. 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.
  5. andym

    SVG import

    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
  6. 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.
  7. 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,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 .... 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>
  8. Eelco Deuling

    SVG viewBox

    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.
  9. 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
  10. 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?
×

Important Information

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.