Jump to content


  • Content Count

  • Joined

  • Last visited

  1. Yes, thankfully they are Although in 19 out of 20 usually don't need to export back to SVG, just high quality images, or share the .afdesign file itself.
  2. Ah, apologies, I misunderstood that! Yes indeed, when I programmatically create "g" groups within the SVG (I create them with JavaScript + D3.js), to hold things such as the outer arcs with text together (my true examples are much bigger and more complex than the examples I shared. Right now I'm working with an SVG that has >6000 elements, so the careful grouping is what is keeping me sane while adding the final touches in the vector program)
  3. Ah, the PDF route! Yeah, that actually brings other issues, such as the original SVG groupings having completely disappeared, which is quite important for me to have, since I usually have hundreds of SVG elements, all carefully placed in specific groups to then manipulate later on. And I believe that was also something with text, but I can't quite remember it. I've been using the SVG copy solely for a while now. Thanks for testing! (and odd, that the PDF does have the opacity, but when loaded into AD it's not there)
  4. That's odd! Apart from the opacities of the inner curves not coming across, the gradients look fine. I did the right-mouse-click -> copy -> copy element -> CMD+V in AD and I get no gradients (see image) How did you extract it?
  5. Haha, I see. Yeah with those simple examples from bl.ocks.org people just usually inline everything in the HTML And thank you! Hopefully it won't be too intense of a fix to correctly parse the "fill: url()" *fingers crossed* In that sense, I import gradients about 10 times more often than patterns, so if gradients are working that's already a big plus!
  6. Sure! I've attached the SVG that I get from copying the SVG from Chrome into a text editor (of the first example). The only thing I did was to replace all the " by ' but other vector tools were able to read the SVG just fine even with the "'s in them. Is this want you meant? (Otherwise I'm not sure what isn't standard SVG that Chrome is showing you?) chord_diagram.svg
  7. Hello, As a dataviz designer I often create the base of my works with SVGs on the web, so I can program the visual elements to be based on the data, then to import them into a vector tool for other adjustments. I've noticed that Affinity Designer doesn't import any SVG linearGradient / radialGradient nor patterns, which I do often use, so for now I can't rely solely on Affinity Designer sadly enough. (I copy the SVG element from the "Elements" section from the devTools in Chrome) I've attached a document that shows the import of the link below. All the inner curves that have a gradient in the online version are invisible (have no fill) in the import: https://bl.ocks.org/nbremer/raw/4de6f0a9d9d06373fc639e32e9c346cc/ For a radial gradient, you can try this: https://bl.ocks.org/nbremer/raw/e944485869ac8fd57413a158e9d8aae0/ which results in a no-fill circle being placed in Affinity Designer For pattern examples, you can try the following links that all are imported seemingly remaining invisible: https://bl.ocks.org/veltman/raw/57fbb830ba7e62caa46a82891168bc29/ https://bl.ocks.org/1wheel/raw/a8f39c8a96b71735488bf280d34bd765/ https://bl.ocks.org/veltman/raw/50a350e86de82278ffb2df248499d3e2/ I'm using Affinity Designer 1.7.1 on macOS Thank you! SVG_import_No_gradients.afdesign
  • 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.