primaapriansyah / svgeezy

Allows for automatic Image fallbacks for browsers that can't handle SVGs

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'.