HTML5學習教程:HTML頁面直接插入SVG元素
編輯：HTML和Xhtml
什麼SVG？
- SVG是Scalable Vector Graphics的縮寫
- 用來定義web中基於矢量的圖形
- 使用XML來定義圖形
- SVG圖形在縮放中不會損失質量
- 每一個元素和每一個屬性都可以生成動畫
- SVG是一個W3C推薦標准
SVG的優勢
使用SVG相對於其它類型(JPEG或者GIF)的優勢在於：
- SVG圖片可以使用編輯器來創建和編輯
- SVG圖片可以被搜索，索引，腳本化和壓縮
- SVG圖片具有伸縮性
- SVG圖片可以在任何分辨率下進行高質量打印
- SVG圖片可以無損失的縮放
浏覽器支持
IE9，Firefox，Chrome和Safari 5都支持行內SVG。
直接插入SVG到HTML頁面
在HTML5中，你可以直接插入SVG元素到頁面中：
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
</body>
</html>
小編推薦
熱門推薦