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 フィルタ。2つの入力画像のスマートピクセル組み合わせを実行します。
<feConvolveMatrix> SVG フィルタ。マトリックス卷積フィルタ効果を適用します。
<feDiffuseLighting> SVG フィルタ。光画像、アルファチャンネルを使用して隆起マッピングを行います。
<feDisplacementMap> SVG フィルタ。変位マッピングをマッピングします。
<feDistantLight> SVG フィルタ。光源を定義します。
<feFlood> SVG フィルタ。フィルタの領域を塗りつぶします。
<feFuncA> SVG フィルタ。入力グラフィックの透明度（アルファ）成分に対して変換関数を定義します。
<feFuncB> SVG フィルタ。入力グラフィックの青成分に対して変換関数を定義します。
<feFuncG> SVG フィルタ。入力グラフィックの緑成分に対して変換関数を定義します。
<feFuncR> SVG フィルタ。入力グラフィックの赤成分に対して変換関数を定義します。
<feGaussianBlur> SVG フィルタ。画像に対してガウスぼかしを実行します。
<feImage> SVG フィルタ。外部ソースから画像データを取得し、ピクセルデータを出力します。
<feMerge> SVG フィルタ。重ね合わせた画像レイヤーを作成します。
<feMergeNode> SVG フィルタ。feMergeの子要素です。
<feMorphology> SVG フィルタ。ソースグラフィックに対して「肥大」または「細分化」を実行します。
<feOffset> SVG フィルタ。現在の位置に対して画像を移動します。
<fePointLight> SVG フィルタ。
<feSpecularLighting> SVG フィルタ。ソースグラフィックを照らし、アルファチャンネルを使用して隆起マッピングを行います。
<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> 少なくとも3つの辺を持つ図形を定義します。
<polyline> 直線のみで構成されるどんな形状も定義します。
<radialGradient> 放射状グラデーションを定義します。
<rect> 矩形を定義します。
<script> スクリプトコンテナ（例：ECMAScript）を定義します。
<set> 指定された持続時間の属性値を設定します。
<stop> グラデーションの停止点です。
<style> スタイルシートを直接SVGコンテンツに埋め込みます。
<svg> SVGドキュメントのスナップショットを作成します。
<switch> 直接子要素の属性を順序に評価し、trueと評価された最初の子要素を処理および表示します。
<symbol> インスタンス化するためのグラフィックテンプレートオブジェクトを定義します。
<text> テキストを定義します。
<textPath> <path>要素の形状に基づいてテキストを配置します。
<title> SVG内の要素のテキスト記述です。ユーザーエージェントは、ツールチップとしてテキストを表示できます。
<tref> SVG ドキュメント内のどの <text> 要素も参照し、再利用します。
<tspan> <text>要素と同様ですが、textタグ内および自身内部にネストできます。
<use> SVG ドキュメント内でターゲットノードを取得し、他の場所にコピーします。
<view> 画像を視覚的に確認する限定方法、例えば、ズームレベルや詳細ビューのように。
<vkern> 二つの文字（ギフ）間の垂直距離を正確に調整します。