Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Design › svg shows thin gaps in Chrome and Firefox, but not in Edge/IE

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 22, 2018 at 1:04 pm #273124
    Croghs
    Participant

    Hello,
    I am currently facing a weird bug:
    When I embed a svg file into my website, it shows thin gaps between the individual shapes of the svg file in Chrome and Firefox. Edge and IE show the svg without the gaps, so what am I missing? I just started working with svg, so if this is a well-known bug, I am sorry (I didnt find anything). The svg was made with Affinity Designer.

    Link to codepen: https://codepen.io/croghs/pen/jKKEME

    Thanks :)

    June 22, 2018 at 6:47 pm #273141
    Shikkediel
    Participant

    Adding this attribute seems to fix it:

    shape-rendering="crispEdges"
    June 23, 2018 at 1:29 am #273169
    Croghs
    Participant

    Thank you, that worked.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design’ is closed to new topics and replies.