サポートされる SVG 要素とアトリビュート

これらは、ベクトル マップでサポートしている SVG 機能です。

SVG 要素

SVG 要素の詳細については、「Element Index」を参照してください。

要素は <!ELEMENT ... > ブロックで定義することができます。

サポートされています

svg-container (ネスト可能)
g (グループ)
defs
image
symbol (インスタンス化された要素のコンテナ)
use (シンボルまたはその他の要素のインスタンス化用)
style (最も重要な機能: class-styles、tag-styles、および id-styles。「text.alarm」などに対するサポートなし)
paths (可能なすべてのパス コマンド)
  • move to
  • line to
  • horizontal/vertical lines
  • cubic Bezier curves
  • quadratic Bezier curves
  • elliptical arc curves
shapes (すべて)
  • rect/round rect
  • circle
  • ellipse
  • line
  • polyline
  • polygon
text
  • Windows ttf フォントのサポート
  • tspan
  • tref
  • textPath
paintservers
  • linear gradient
  • radial gradient
  • focal gradient
  • stop
  • pattern
others
  • a (リンクは機能しませんが、<a>要素の文字を使用できます)
  • desc
  • title
  • clipPath
  • mask

サポートされていません

これらのほとんどの要素が、組み込まれたフォント、フィルタ、およびアニメーションに使用されます。

altGlyph 組み込まれたフォント
altGlyphDef 組み込まれたフォント
altGlyphItem 組み込まれたフォント
animate svg アニメーション
animateColor svg アニメーション
animateMotion svg アニメーション
animateTransform svg アニメーション
cursor カスタム カーソル(必要なし)
color-profile フィルタ
feBlend フィルタ
feColorMatrix フィルタ
feComponentTransfer フィルタ
feComposite フィルタ
feConvolveMatrix フィルタ
feDiffuseLighting フィルタ
feDisplacementMap フィルタ
feDistantLight フィルタ
feFlood フィルタ
feFuncA フィルタ
feFuncB フィルタ
feFuncB フィルタ
feFuncR フィルタ
feGaussianBlur フィルタ
feImage フィルタ
feMerge フィルタ
feMergeNode フィルタ
feMorphology フィルタ
feOffset フィルタ
fePointLight フィルタ
feSpecularLighting フィルタ
feSpotLight フィルタ
feTile フィルタ
feTurbulence フィルタ
フィルタ フィルタ
font 組み込まれたフォント
font-face 組み込まれたフォント
font-face-format 組み込まれたフォント
font-face-name 組み込まれたフォント
font-face-src 組み込まれたフォント
font-face-uri 組み込まれたフォント
foreignObject 他の XML 言語プロセッサは SVG 図面内領域にレンダリングすることができます。
glyph 組み込まれたフォント
glyphRef 組み込まれたフォント
hkern 組み込まれたフォント
marker  
metadata (必要なし)
missing-glyph 組み込まれたフォント
mpath anim
script Java または ECMAScripts はなし
set svg アニメーション
switch  
view  
vkern 組み込まれたフォント

SVG アトリビュート

SVG アトリビュートの詳細については、「Attribute Index」を参照してください。

注:

カラーはさまざまな方法で指定できます。

サポートされています

baseline-shift
clip
clip-path
clipPathUnits
clip-rule
color
color-interpolation
class (複数の名前が可能です)
display
fill
fill-opacity
fill-rule
font-family (汎用フォントを含む複数の名前が可能です。グリフのフォントが見つからない場合、既定値は Times New Roman です)
font-size (既定値 = 12)
font-style
font-weight
id
kerning
letter-spacing
mask
opacity
overflow
stop-color
stop-opacity
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
style
text-anchor
transform (translate/rotate/scale/skew)
visibility
word-spacing
xlink:href
xml:base
xml:space

サポートされていません

alignment-baseline
color-interpolation-filters
color-profile
color-rendering
cursor
direction
dominant-baseline
enable-background
フィルタ
flood-color
flood-opacity
font
font-variant
glyph-orientation-horizontal
glyph-orientation-vertical
image-rendering
lighting-color
marker
marker-end
marker-mid
marker-start
pointer-events
shape-rendering
text-decoration
text-rendering
unicode-bidi
writing-mode
xml:lang
親トピック: ベクトル マップ