SVG 要素リファレンス

SVG の描画と画像は、構築、描画、ベクター画像や図のレイアウトのための広範にわたる要素を使用して作成されます。ここではそれぞれの SVG 要素のリファレンス文書が見つかります。

SVG 要素 A - Z

A

C

D

E

F

G

I

L

M

P

R

S

T

U

V

メモ: SVG 2 仕様では、レンダリングのために未知の要素は <g> として扱われることが要求されています。

SVG 要素一覧 (カテゴリー別)

アニメーション要素

<animate>, <animateMotion>, <animateTransform>, <mpath>, <set>

基本シェイプ

<circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect>

コンテナー要素

<a>, <defs>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, <symbol>

説明的要素

<desc>, <metadata>, <title>

フィルター構成要素

<feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feConvolveMatrix>, <feDiffuseLighting>, <feDisplacementMap>, <feDropShadow>, <feFlood>, <feFuncA>, <feFuncB>, <feFuncG>, <feFuncR>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feMorphology>, <feOffset>, <feSpecularLighting>, <feTile>, <feTurbulence>

フォント要素

<font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>, <hkern>, <vkern>

グラデーション要素

<linearGradient>, <radialGradient>, <stop>

グラフィック要素

<circle>, <ellipse>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <use>

グラフィック参照要素

<use>

光源要素

<feDistantLight>, <fePointLight>, <feSpotLight>

描画されない要素

<clipPath>, <defs>, <linearGradient>, <marker>, <mask>, <metadata>, <pattern>, <radialGradient>, <script>, <style>, <symbol>, <title>

ペイントサーバー要素

<linearGradient>, <pattern>, <radialGradient>

描画可能要素

<a>, <circle>, <ellipse>, <foreignObject>, <g>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textPath>, <tspan>, <use>

メモ: SVG 2 仕様では、レンダリングのために未知の要素は <g> として扱われることが要求されています。

図形要素

<circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, <rect>

構造的要素

<defs>, <g>, <svg>, <symbol>, <use>

テキストコンテンツ要素

<glyph>, <glyphRef>, <textPath>, <text>, <tref>, <tspan>

テキストコンテンツの子要素

<textPath>, <tref>, <tspan>

未分類の要素

<clipPath>, <cursor>, <filter>, <foreignObject>, <script>, <style>, <view>

廃止および非推奨の要素

警告: 以下のものは非推奨の古い SVG 要素であり、使用するべきではありません。**新しいプロジェクトでは決して使用せず、古いプロジェクトでもできるだけ早く置き換えてください。**ここに掲載しているのは情報提供だけの目的です。

C

<cursor>

F

<font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>

G

<glyph>, <glyphRef>

H

<hkern>

M

<missing-glyph>

T

<tref>

V

<vkern>

関連情報