Overlaying image over SVG path

[iice89]

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

http://codepen.io/iiCe89/pen/yVqBxN this is image set in Base64 that would overlay SVG map

[Paulie_D]

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.

[iice89]

yes exactly that

[Author]

Posts