在之前已經有製作過手機APP開發的經驗，當時已經都是用SVG來顯示圖像問題。回過頭來開發網站時就不時想，是不是該改用SVG了。
害怕的是Browser支援度問題。
以往網頁設計常見使用jpg、png、gif等圖片檔，但因為皆屬點陣圖模式，由於RWD(自適應網頁設計)可以隨著螢幕作放大縮小，所以若切成一般圖片格式易造成模糊失真的問題，而SVG會是不錯的解決方法。
SVG（Scalable Vector Graphics）是一種可縮放式向量圖形，是W3C所制定的開放性網路標準之一，此圖片格式能讓網頁設計師在網頁中以向量格式呈現圖片。可以在illusrator中畫好向量圖形，另存成SVG檔，運用方式就跟一般用jpg、png、gif等圖片檔一樣，但不同的是並不會因尺寸的改變而失真，日後欲修改時也可直接開啟檔案修改，相當方便，在網頁設計領域中，SVG的使用已越來越普及。
VG檔在原始碼的寫法如下：
1.跟一般圖片寫法img一樣
<img src="001.svg" />
2.直接用svg元素寫法
<svg width="800" height="800" version="1.1" xmlns=" http://www.w3.org/2000/svg " xlink:href="001.svg" ></svg>
width、height:定義svg的寬高
version:指出此文件遵循的svg語言版本
xmlns:為SVG命名空間
xlink:指出SVG檔案路徑
1.跟一般圖片寫法img一樣
<img src="001.svg" />
2.直接用svg元素寫法
<svg width="800" height="800" version="1.1" xmlns=" http://www.w3.org/2000/svg " xlink:href="001.svg" ></svg>
width、height:定義svg的寬高
version:指出此文件遵循的svg語言版本
xmlns:為SVG命名空間
xlink:指出SVG檔案路徑
0 意見
張貼留言