svg 的主要競爭者是 flash
與 flash 相比，svg 最大的優勢是與其他標準（比如 xsl 和 dom）相相容。而 flash 則是未開源的私有技術。
今天，所有瀏覽器均支援 svg 檔案，不過需要安裝外掛程式的 internet explorer 除外。
下面的例子是乙個簡單的 svg 檔案的例子。svg 檔案必須使用 .svg 字尾來儲存：
1第一行包含了 xml 宣告。請注意 standalone 屬性！該屬性規定此 svg 檔案是否是「獨立的」，或含有對外部檔案的引用。xml version="1.0" standalone="no"
?>23
doctype svg public "-//w3c//dtd svg 1.1//en"
4"">56
<
svg
width
="100%"
height
="100%"
version
="1.1"
7xmlns
="">89
<
circle
cx="100"
cy="50"
r="40"
stroke
="black"
10stroke-width
="2"
fill
="red"
/>
1112
svg>
standalone="no" 意味著 svg 文件會引用乙個外部檔案 - 在這裡，是 dtd 檔案。
第二和第三行引用了這個外部的 svg dtd。該 dtd 位於 「」。該 dtd 位於 w3c，含有所有允許的 svg 元素。
svg **以。這是根元素。width 和 height 屬性可設定此 svg 文件的寬度和高度。version 屬性可定義所使用的 svg 版本，xmlns 屬性可定義 svg 命名空間。
svg 的 用來建立乙個圓。cx 和 cy 屬性定義圓中心的 x 和 y 座標。如果忽略這兩個屬性，那麼圓點會被設定為 (0, 0)。r 屬性定義圓的半徑。
stroke 和 stroke-width 屬性控制如何顯示形狀的輪廓。我們把圓的輪廓設定為 2px 寬，黑邊框。
fill 屬性設定形狀內的顏色。我們把填充顏色設定為紅色。
關閉標籤的作用是關閉 svg 元素和文件本身。
注釋：所有的開啟標籤必須有關閉標籤！
svg 有一些預定義的形狀元素，可被開發者使用和操作：
位圖（bmp、png、jpg等）：基於顏色的描述
向量圖（svg、ai等）：基於數學的描述
（1）瀏覽器中直接開啟
（2）在img中使用
標籤引用
（3）直接在html中使用svg標籤
（4）作為css背景
基本圖形：如上6種
基本屬性：fill 、stroke-width、transform
SVG基礎 繪製SVG矩形
乙個元素代表乙個svg矩形。通過這個元素你可以畫出不同寬度，不同高度，以及不同描邊和不同填充顏色的矩形。同時它還可以繪製直角或圓角的矩形。乙個svg矩形的簡單例子 下面是乙個繪製svg矩形的簡單例子。複製 svg矩形的位置由x和y屬性決定。請記住，這個位置是相對於任何它最接近的父元素的位置。svg矩...
SVG入門 漸變
前言 svg並非只能簡單填充顏色和描邊，更令人興奮的是，你還可以建立和並在填充和描邊上應用漸變色。有兩種型別的漸變 線性漸變和徑向漸變。你必須給漸變內容指定乙個id屬性，否則文件內的其他元素就不能引用它。為了讓漸變能被重複使用，漸變內容需要定義在標籤內部，而不是定義在形狀上面。線性漸變 線性漸變沿著...
SVG相關學習 一 SVG基礎
svg svg 指可伸縮向量圖形 scalable vector graphics svg viewboxviewport svg 實際大小 viewbox x,y,width,height x 左上角橫座標，y 左上角縱座標，width 寬度，height 高度 視區盒子 以視區盒子大小選中元素然...