지원되는 SVG 요소 및 속성

다음은 벡터 맵이 지원하는 SVG 기능입니다.

SVG 요소

SVG 요소에 대한 설명은 Element Index(요소 인덱스)를 참조하십시오.

요소는 <!ELEMENT ...> 블록에서 정의될 수 있습니다.

지원됨

svg-container(중첩될 수 있음)
g(그룹)
defs
image
symbol(인스턴스화된 요소의 컨테이너)
use(기호 또는 다른 요소에 대한 인스턴스화용)
style(가장 중요한 형식 작업: class-styles, tag-styles 및 id-styles, "text.alarm"과 같은 형식에 대한 지원 없음)
path(가능한 모든 경로 명령)
  • 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-fonts 지원
  • tspan
  • tref
  • textPath
paintservers
  • linear gradient
  • radial gradient
  • focal gradient
  • stop
  • pattern
others
  • a(링크가 작동하지 않지만 <a>-요소의 텍스트를 사용할 수 있음)
  • desc
  • title
  • clipPath
  • mask

지원되지 않음

이들 대부분은 포함된 글꼴, 필터 및 애니메이션에 대한 것입니다.

altGlyph 포함된 글꼴
altGlyphDef 포함된 글꼴
altGlyphItem 포함된 글꼴
animate svg-animation
animateColor svg-animation
animateMotion svg-animation
animateTransform svg-animation
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 필터
filter 필터
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-animation
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(여러 이름 가능, 일반 글꼴 포함. glyph에 대한 글꼴이 없는 경우 기본값은 Times New Roman임)
font-size(기본값 = 12)
font-style
font-weight
id
kerning
letter-spacing
mask
불투명도
overflow
stop-color
stop-opacity
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
style
text-anchor
transform(변환/회전/배율 조정/기울이기)
visibility
word-spacing
xlink:href
xml:base
xml:space

지원되지 않음

alignment-baseline
color-interpolation-filters
color-profile
color-rendering
cursor
direction
dominant-baseline
enable-background
filter
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