基础

SVG文件

可缩放矢量图形

无论怎样放大都不会失真，质量高

体积小 ，可控制性强

如何载入

<iframe src="sample.svg" frameborder="0"></iframe>

　　

<object data="sample.svg" type=""></object>

　　

    <embed src="sample.svg" type="" />

　　

 Ajax加载

<svg data-src="sample.svg"></svg>

　　

$(function () {
    var aSvg = document.getElementsByTagName("svg");
    for (var i= 0,l=aSvg.length;i<l;i++ ) {
        var src = $(aSvg[i]).data("src")
        //$.get(src, function (data) {
        //    //data.documentElement
        //});
    }
});