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

Home Forums CSS Overlaying image over SVG path

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #248803

    HI i’m trying to find out how i can overlay a image using Css onto a SVG path.

    im building a map through work sadly cant share the code however the map is based on election results we did have a striping method however this cant be used for certain reasons , so we have decided to try overlaying an image ontop of the SVG path.

    the image is 50% filled shape & 50% transparent so that as the results come through if its red and blue the map will load the red image and fill the SVG path blue given the effect of striping.

    i hope this makes sense this is image set in Base64 that would overlay SVG map


    I’m not entirely clear what it is you are trying to so but it sounds like you’re after some sort of clip-path or mask.


    yes exactly that

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