🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple JavaScript plugin which detects SVG images on your website, and automatically “looks” for a standard image fallback for those older, less capable browsers. Those browsers need lovin’ too dawg.

Core Java Script SVG Tutorial

Documentation

SVGeezy

A JavaScript plugin to handle your images in browsers that don't support SVGs

SVGeezy is in essence, a fallback plugin. It allows you to use SVGs for all your assets, giving you complete resolution independence.

It checks if the browser supports SVGs, if not, changes the src of the image to a .png instead (or whatever you pass in).

Installing SVGeezy

SVGeezy can being installed using bower with bower install svgeezy. Alternatively, you can download or clone this repo manually.

Use

svgeezy.init('nocheck', 'png'); // this will tell the plugin to not check images with a class of 'nocheck' 

or

svgeezy.init(false, 'png');	// this will let the plugin check all images 

or

Check out this JSFiddle for example usage

The first parameter is a class to tell the code not to check. Feel free to pass in false if you want SVGeezy to check all images. This may be because you have no fallbacks for certain SVGs.

The second is a filetype, this can be anything you want, just make sure the file path resolves to an image. ie. '/images/logo.svg', will be replaced with '/images/logo.png'.


You May Also Like