在html 中 克服 ie 無法讀取 svg 的 library (SVG Web)

SVG 是XML的一種可以用來顯示圖片，詳細的說明可以參照以下的網址

• SVG (W3C)
• 可縮放矢量圖形

但可惜的是目前 IE 系列的瀏覽器還沒支援顯示SVG 的功能，
所幸可以透過安裝library 來解決這個問題


安裝及使用library 的步驟很簡單

1. 下載 library

2. 注意必須架在 HTTP server 上才可以正常執行，如IIS、 apache，不能直接用檔案開啟

3. 引用library （複製 library 的 src 資料夾 ）

• <script src="src/svg.js" data-path="src" ></script>
• src/svg.js js 檔相對於首頁的位置
• src 相關的library

4. 引用 SVG 在 ie 和 非 ie 有不同用法, 其中 sample.svg 只是檔名

用法1

<!--[if IE]>
<object src="sample.svg"classid="image/svg+xml"
width="200" height="200"
id="mySVGObject">
<![endif]-->
<!--[if !IE]>-->
<object data="sample.svg" type="image/svg+xml"
width="200" height="200"
id="mySVGObject">
<!--<![endif]-->
</object>


用法 2

<object type="image/svg+xml" data="sample.svg" width="200" height="200">
<param name="mySVG" value="sample.svg"/>