Vinicius Lourenço H4ad

## README.md

      
        
          
            
              
              2 files
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                H4ad
                / README.md
            
            
              Last active
              August 5, 2020 19:05
                — forked from ValentinFunk/README.md
            
              
                Fixes SVG Gradients for Safari by changing fill URLs to the current pathname. Also fixes xlink:href URLs.
              
          
        
      
        
  
      
    Snippet to fix SVG issues in Angular (2+) with Safari, Firefox and Chrome

This listens to Angular route changes and on route change does the following:

Replaces the link in  <use xlink:href="#some-id"></use> by a path prefixed version
Replaces the fill property in referenced SVGs by a path prefixed version
Replaces the style in <svg style="fill: url(#gradient)"> with a prefixed version

Adapted from Gist by Leon Derijke