Skip to content

Latest commit

 

History

History
240 lines (149 loc) · 7.85 KB

index.md

File metadata and controls

240 lines (149 loc) · 7.85 KB
Raw
title short-title slug l10n
SVG 要素リファレンス
要素
Web/SVG/Element
sourceCommit
2e5fc06de139c56873a20ec4bc3bf5600ea3cbef

{{SVGRef}}

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

SVG 要素 A - Z

A

  • {{SVGElement("a")}}
  • {{SVGElement("animate")}}
  • {{SVGElement("animateMotion")}}
  • {{SVGElement("animateTransform")}}

C

  • {{SVGElement("circle")}}
  • {{SVGElement("clipPath")}}

D

  • {{SVGElement("defs")}}
  • {{SVGElement("desc")}}

E

  • {{SVGElement("ellipse")}}

F

  • {{SVGElement("feBlend")}}
  • {{SVGElement("feColorMatrix")}}
  • {{SVGElement("feComponentTransfer")}}
  • {{SVGElement("feComposite")}}
  • {{SVGElement("feConvolveMatrix")}}
  • {{SVGElement("feDiffuseLighting")}}
  • {{SVGElement("feDisplacementMap")}}
  • {{SVGElement("feDistantLight")}}
  • {{SVGElement("feDropShadow")}}
  • {{SVGElement("feFlood")}}
  • {{SVGElement("feFuncA")}}
  • {{SVGElement("feFuncB")}}
  • {{SVGElement("feFuncG")}}
  • {{SVGElement("feFuncR")}}
  • {{SVGElement("feGaussianBlur")}}
  • {{SVGElement("feImage")}}
  • {{SVGElement("feMerge")}}
  • {{SVGElement("feMergeNode")}}
  • {{SVGElement("feMorphology")}}
  • {{SVGElement("feOffset")}}
  • {{SVGElement("fePointLight")}}
  • {{SVGElement("feSpecularLighting")}}
  • {{SVGElement("feSpotLight")}}
  • {{SVGElement("feTile")}}
  • {{SVGElement("feTurbulence")}}
  • {{SVGElement("filter")}}
  • {{SVGElement("foreignObject")}}

G

  • {{SVGElement("g")}}

I

  • {{SVGElement("image")}}

L

  • {{SVGElement("line")}}
  • {{SVGElement("linearGradient")}}

M

  • {{SVGElement("marker")}}
  • {{SVGElement("mask")}}
  • {{SVGElement("metadata")}}
  • {{SVGElement("mpath")}}

P

  • {{SVGElement("path")}}
  • {{SVGElement("pattern")}}
  • {{SVGElement("polygon")}}
  • {{SVGElement("polyline")}}

R

  • {{SVGElement("radialGradient")}}
  • {{SVGElement("rect")}}

S

  • {{SVGElement("script")}}
  • {{SVGElement("set")}}
  • {{SVGElement("stop")}}
  • {{SVGElement("style")}}
  • {{SVGElement("svg")}}
  • {{SVGElement("switch")}}
  • {{SVGElement("symbol")}}

T

  • {{SVGElement("text")}}
  • {{SVGElement("textPath")}}
  • {{SVGElement("title")}}
  • {{SVGElement("tspan")}}

U

  • {{SVGElement("use")}}

V

  • {{SVGElement("view")}}

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

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

アニメーション要素

{{SVGElement("animate")}}, {{SVGElement("animateMotion")}}, {{SVGElement("animateTransform")}}, {{SVGElement("mpath")}}, {{SVGElement("set")}}

基本シェイプ

{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}

コンテナー要素

{{SVGElement("a")}}, {{SVGElement("defs")}}, {{SVGElement("g")}}, {{SVGElement("marker")}}, {{SVGElement("mask")}}, {{SVGElement("missing-glyph")}}, {{SVGElement("pattern")}}, {{SVGElement("svg")}}, {{SVGElement("switch")}}, {{SVGElement("symbol")}}

説明的要素

{{SVGElement("desc")}}, {{SVGElement("metadata")}}, {{SVGElement("title")}}

フィルター構成要素

{{SVGElement("feBlend")}}, {{SVGElement("feColorMatrix")}}, {{SVGElement("feComponentTransfer")}}, {{SVGElement("feComposite")}}, {{SVGElement("feConvolveMatrix")}}, {{SVGElement("feDiffuseLighting")}}, {{SVGElement("feDisplacementMap")}}, {{SVGElement("feDropShadow")}}, {{SVGElement("feFlood")}}, {{SVGElement("feFuncA")}}, {{SVGElement("feFuncB")}}, {{SVGElement("feFuncG")}}, {{SVGElement("feFuncR")}}, {{SVGElement("feGaussianBlur")}}, {{SVGElement("feImage")}}, {{SVGElement("feMerge")}}, {{SVGElement("feMergeNode")}}, {{SVGElement("feMorphology")}}, {{SVGElement("feOffset")}}, {{SVGElement("feSpecularLighting")}}, {{SVGElement("feTile")}}, {{SVGElement("feTurbulence")}}

フォント要素

{{SVGElement("font")}}, {{SVGElement("font-face")}}, {{SVGElement("font-face-format")}}, {{SVGElement("font-face-name")}}, {{SVGElement("font-face-src")}}, {{SVGElement("font-face-uri")}}, {{SVGElement("hkern")}}, {{SVGElement("vkern")}}

グラデーション要素

{{SVGElement("linearGradient")}}, {{SVGElement("radialGradient")}}, {{SVGElement("stop")}}

グラフィック要素

{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("image")}}, {{SVGElement("line")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}, {{SVGElement("text")}}, {{SVGElement("use")}}

グラフィック参照要素

{{SVGElement("use")}}

光源要素

{{SVGElement("feDistantLight")}}, {{SVGElement("fePointLight")}}, {{SVGElement("feSpotLight")}}

描画されない要素

{{SVGElement("clipPath")}}, {{SVGElement("defs")}}, {{SVGElement("linearGradient")}}, {{SVGElement("marker")}}, {{SVGElement("mask")}}, {{SVGElement("metadata")}}, {{SVGElement("pattern")}}, {{SVGElement("radialGradient")}}, {{SVGElement("script")}}, {{SVGElement("style")}}, {{SVGElement("symbol")}}, {{SVGElement("title")}}

ペイントサーバー要素

{{SVGElement("linearGradient")}}, {{SVGElement("pattern")}}, {{SVGElement("radialGradient")}}

描画可能要素

{{SVGElement("a")}}, {{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("foreignObject")}}, {{SVGElement("g")}}, {{SVGElement("image")}}, {{SVGElement("line")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}, {{SVGElement("svg")}}, {{SVGElement("switch")}}, {{SVGElement("symbol")}}, {{SVGElement("text")}}, {{SVGElement("textPath")}}, {{SVGElement("tspan")}}, {{SVGElement("use")}}

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

図形要素

{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}

構造的要素

{{SVGElement("defs")}}, {{SVGElement("g")}}, {{SVGElement("svg")}}, {{SVGElement("symbol")}}, {{SVGElement("use")}}

テキストコンテンツ要素

{{SVGElement("glyph")}}, {{SVGElement("glyphRef")}}, {{SVGElement("textPath")}}, {{SVGElement("text")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}}

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

{{SVGElement("textPath")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}}

未分類の要素

{{SVGElement("clipPath")}}, {{SVGElement("cursor")}}, {{SVGElement("filter")}}, {{SVGElement("foreignObject")}}, {{SVGElement("script")}}, {{SVGElement("style")}}, {{SVGElement("view")}}

廃止および非推奨の要素

Warning

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

C

{{SVGElement("cursor")}}

F

{{SVGElement("font")}}, {{SVGElement("font-face")}}, {{SVGElement("font-face-format")}}, {{SVGElement("font-face-name")}}, {{SVGElement("font-face-src")}}, {{SVGElement("font-face-uri")}}

G

{{SVGElement("glyph")}}, {{SVGElement("glyphRef")}}

H

{{SVGElement("hkern")}}

M

{{SVGElement("missing-glyph")}}

T

{{SVGElement("tref")}}

V

{{SVGElement("vkern")}}

関連情報

{{SVGRef}}