SVG 參考手冊

SVG 元素

元素 描述
<a> 創建包圍 SVG 元素的鏈接。
<altGlyph> 提供對用于呈現特定字符數據的字形的控制。
<altGlyphDef> 定義字形的替換集。
<altGlyphItem> 定義字形替換的候選集。
<animate> 定義元素的屬性如何隨時間變化。
<animateMotion> 使引用的元素沿著運動路徑移動。
<animateTransform> 對目標元素上的變換屬性進行動畫處理，從而允許動畫控制平移、縮放、旋轉和/或傾斜
<circle> 定義圓。
<clipPath> 定義剪切路徑
<color-profile> 指定顏色配置文件描述（當使用 CSS 設置文檔樣式時）。
<cursor> 定義獨立于平臺的自定義光標。
<defs> 定義被引用元素的容器。
<desc> 定義對 SVG 中容器元素或圖形元素的純文本描述。
<ellipse> 定義橢圓。
<feBlend> 按照一定的混合模式將兩個對象組合在一起。
<feColorMatrix> SVG 濾鏡。應用矩陣變換。
<feComponentTransfer> SVG 濾鏡。執行對數據按組件的重新映射。
<feComposite> SVG 濾鏡。執行兩個輸入圖像的智能像素組合。
<feConvolveMatrix> SVG 濾鏡。應用矩陣卷積濾鏡效果。
<feDiffuseLighting> SVG 濾鏡。光照圖像，使用 alpha 通道作為隆起映射。
<feDisplacementMap> SVG 濾鏡。映射置換。
<feDistantLight> SVG 濾鏡。定義光源。
<feFlood> SVG 濾鏡。填充濾鏡子區域。
<feFuncA> SVG 濾鏡。為輸入圖形的透明度（alpha）組件定義變換函數。
<feFuncB> SVG 濾鏡。為輸入圖形的藍色成分定義變換函數。
<feFuncG> SVG 濾鏡。為輸入圖形的綠色成分定義變換函數。
<feFuncR> SVG 濾鏡。為輸入圖形的紅色成分定義變換函數。
<feGaussianBlur> SVG 濾鏡。對圖像執行高斯模糊。
<feImage> SVG 濾鏡。從外部來源取得圖像數據，并提供像素數據作為輸出。
<feMerge> SVG 濾鏡。創建彼此疊加的圖像層。
<feMergeNode> SVG 濾鏡。feMerge 的子元素。
<feMorphology> SVG 濾鏡。對源圖形執行“加肥”或“細化”。
<feOffset> SVG 濾鏡。相對于當前位置移動圖像。
<fePointLight> SVG 濾鏡。
<feSpecularLighting> SVG 濾鏡。照亮源圖形，使用 alpha 通道作為隆起映射。
<feSpotLight> SVG 濾鏡。光源元素，用于 SVG 文件。
<feTile> SVG 濾鏡。輸入圖像是平鋪的，結果用來填充目標。
<feTurbulence> SVG 濾鏡。利用 Perlin 噪聲函數創建圖像。
<filter> 濾鏡效果的容器。
<font> 定義字體。
<font-face> 描述字體的特征。
<font-face-format> 描述了它的父 <font-face-uri> 元素引用的字體的類型。
<font-face-name> 指向本地安裝的字體副本，用字體名稱識別。
<font-face-src> 相當于 CSS 規范中的 @font-face 屬性。
<font-face-uri> 指向遠程字義的當前字體。
<foreignObject> 允許包含來自不同的 XML 命名空間的元素。
<g> 用于對元素分組。
<glyph> 定義給定字形的圖形。
<glyphRef> 定義可能使用的字形。
<hkern> 精細調整兩個雕刻文字的水平距離。
<image> 定義圖像。
<line> 定義線。
<linearGradient> 定義線性漸變。
<marker> 定義在給定元素上繪制箭頭或者多邊標記所使用的圖形。
<mask> 定義遮罩元素。
<metadata> 規定元數據。
<missing-glyph> 如果對于給定的字符，字體沒有定義合適的<glyph>，則呈現missing-glyph元素的內容
<mpath> 引用外部的 <path> 元素作為運動路徑的定義。
<path> 定義路徑。
<pattern> 定義圖案。
<polygon> 定義包含至少三個邊的圖形。
<polyline> 定義僅由直線組成的任何形狀。
<radialGradient> 定義徑向漸變。
<rect> 定義矩形。
<script> 定義腳本容器（例如 ECMAScript）。
<set> 設置指定持續時間的屬性值。
<stop> 漸變的停止點。
<style> 允許樣式表直接嵌入到 SVG 內容中。
<svg> 創建 SVG 文檔片段。
<switch> 對其直接子元素上的屬性按照順序進行評估，然后處理和呈現第一個評估為 true 的子元素。
<symbol> 定義圖形模板對象，它可以用 <use> 元素實例化。
<text> 定義文本。
<textPath> 根據 <path> 元素的形狀來放置文字。
<title> 對 SVG 中元素的純文本描述。用戶代理可將文本顯示為工具提示。
<tref> 引用 SVG 文檔中的任何 <text> 元素并重用它。
<tspan> 與 <text> 元素相同，但可以嵌套在 text 標簽內及其自身內部。
<use> 在 SVG 文檔內取得目標節點，并在別的地方復制它們。
<view> 查看圖片的一種限定方法，就像縮放級別或者詳細視圖。
<vkern> 精確地調整兩個字符（glyph）間的垂直距離。