SVG是一種矢量圖，放大縮小皆不會失真。這種矢量圖，可以用作標簽或者用作一些具有交互效果的圖片。我們使用SVG作為網頁的一部分的時候，有如下幾種方法：
一，使用embed標簽
<embed src="SVG路徑" type="image/svg+xml"/>
二，使用object標簽
<object data="SVG路徑" type="image/svg+xml"/>
三，使用iframe
<iframe src="SVG路徑"></iframe>
四，直接用img引入svg
<img src="SVG路徑"/>
五，把svg當作背景，即：用background引入svg
background-image: url("SVG路徑");
六，直接嵌入網頁
<body>
<div>
<svg>....</svg>
</div>
</body>
七，使用JQuery的load()或ajax加載進來
比如我們要將svg文件裝載到<div>中
<div id="div"></div>
1，jQuery的load：
用jQuery的load的話就要在js里寫
$("#div").load("xxx.svg");
2，ajax加載就要在js里這樣寫：
$.ajax({
url:"xxx.svg",
type:"get",
dataType:"html",
success:function(data){
$("#div").html(data);
}
});
八，在第四種方法的基礎上，為了兼容低版本的瀏覽器，加入一個svg.js
1，首先用script標簽引入svg.js：
<script type="text/javascript" src="svg.js"></script>
2，其次直接在div中嵌入svg標簽：
<body>
<div>
<svg>....</svg>
</div>
</body>
這樣能有效兼容低版本IE，從IE9開始。
以上是我的查找總結，如果有什么不對的地方，請大家評論，我會及時查看修改。