这种易于使用的jQuery插件将创建一个后备SVG图像到您的网站上。当插件注意到访问者的浏览器不支持SVG图像,将更换新的PNG图像。这些，PNG图像是使用服务器端脚本运行创建的。当访问者浏览器的支持。SVG图像它只是回去睡觉了。
SVGMagic的一大好处是，你不必创建多个版本的图像。你可以只专注于SVG图像，让SVGMagic来帮你处理兼容问题。
SVG 是什么/为什么要用？
SVG是一个矢量图形格式，这意味着它是完全可扩展的。不论大小，它需要显示时，或任何屏幕需要显示上，一个SVG将适应完美。这意味着你可以使用同样的图像桌面和移动（包括视网膜）的游客。他们都得到了完美清晰的图像。
安装
只是包括脚本在你的头，并调用该插件在你的$(document).ready()
1 2 3 4 5 6 | <script src="SVGMagic.min.js"></script><script> $(document).ready(function(){ $('img').svgmagic(); });</script> |
svgmagic也支持backgroundimages。你需要解析div,包含背景包括背景选项。
1 2 3 4 5 6 7 8 | <script src="SVGMagic.min.js"></script><script> $(document).ready(function(){ $('.bgimage').svgmagic({ backgroundimage: true }); });</script> |
选项
你可以分析一个选项对象到SVGMagic。目前，它支持下面的选项：
1 2 3 4 5 6 7 8 | $('img').svgmagic({ preloader: {url-to-preloader/false}, // 图像被替换//预加载前，默认：false testmode: {false/true}, //SVGMagic工作在每一个浏览器，如果设置为true，默认：false backgroundimage: {false/true}, //检查给定格为backgroundimages，默认：false callback: {false/function} //函数回调图像后，运行被改变，默认：false dumpcache: {false/true} //强制删除缓存并创建一个新的PNG，默认值：假}); |
支持
该插件是在Internet Explorer版本7和8（其他浏览器已经支持SVG文件）进行测试。
安全/它是如何工作
该脚本使用了SVG转换为PNG服务器端PHP脚本。该插件将请求发送到包含图像“源服务器。那么服务器会抢那些图像，并将其转换成PNG，暂时保存并发送新的图像的URL返回给插件。当插件接收到新的URL将与更换新的。SVG图像。
这时候插件注意到用户的浏览器不支持SVG图像才会发生。目前IE8和更低和Android 2。*不支持SVG图像。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery旋转木马插件Owl Carousel
- 下一个特效： jQuery引导插件TourTip