search

svg-sprite / gulp-svg-sprite

SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours
MIT License
648 stars 43 forks source link

clip path (and others) being lost #71

Closed vincelee888 closed 7 years ago

vincelee888 commented 7 years ago

when running a new svg through, it is not displaying correctly.

here is the output: https://dev-web-streetsupport.azurewebsites.net/find-help/accommodation/ on the first icon (read our advice guide), you can see the clip path around the speech bubble has been lost, and the line and window has not been clipped. also, there should be a white frame around the window.

viewing it via gulp-svg-sprite's generated preview page, it appears to be ok:

with-embedded

however, when i delete the embedded svg markup from the source via dev tools, it displays incorrectly:

without-embedded

any ideas, or should i try and build the image in a different way?

vincelee888 commented 7 years ago

something to do with the clip path - fix was to re-draw using intersections

jkphl commented 7 years ago

It sounds like this might be related to https://github.com/jkphl/svg-sprite/issues/233. So, you could solve your issue by altering the source SVG?

vincelee888 commented 7 years ago

no worries, i re-drew it and fixed it. cheers!