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 필터. 두 입력 이미지의 지능적인 픽셀 조합을 수행합니다.
<feConvolveMatrix> SVG 필터. 매트릭스 컨볼루션 필터 효과를 적용합니다.
<feDiffuseLighting> SVG 필터. 빛 이미지, alpha 채널을 사용하여 표면 지도로 사용합니다.
<feDisplacementMap> SVG 필터. 이동 변환을 매핑합니다.
<feDistantLight> SVG 필터. 빛원을 정의합니다.
<feFlood> SVG 필터. 필터의 영역을 채웁니다.
<feFuncA> SVG 필터. 입력 그래픽의 투명도(alpha) 요소에 대한 변환 함수를 정의합니다.
<feFuncB> SVG 필터. 입력 그래픽의 파란 요소에 대한 변환 함수를 정의합니다.
<feFuncG> SVG 필터. 입력 그래픽의 녹색 요소에 대한 변환 함수를 정의합니다.
<feFuncR> SVG 필터. 입력 그래픽의 빨간 요소에 대한 변환 함수를 정의합니다.
<feGaussianBlur> SVG 필터. 이미지에 고아스 블러를 적용합니다.
<feImage> SVG 필터. 외부 원천에서 이미지 데이터를 가져오고, 픽셀 데이터를 출력으로 제공합니다.
<feMerge> SVG 필터. 서로 겹치는 이미지 레이어를 생성합니다.
<feMergeNode> SVG 필터. feMerge의 자식 요소입니다.
<feMorphology> SVG 필터. 원래 그래픽에 대해 '두껍게' 또는 '얇게' 수행합니다.
<feOffset> SVG 필터. 현재 위치에 대한 상대적인 이동으로 이미지를 이동합니다.
<fePointLight> SVG 필터.
<feSpecularLighting> SVG 필터. 원래 그래픽을 밝히고, alpha 채널을 사용하여 표면 지도로 사용합니다.
<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> 반radiant 그레이드를 정의합니다.
<rect> 다각형을 정의합니다.
<script> 스크립트 컨테이너(예: ECMAScript)를 정의합니다.
<set> 지정된 지속 시간의 속성 값을 설정합니다.
<stop> 그레이드의 중지점.
,
<svg> SVG 문서 스니펫을 생성합니다.
<switch> 직접 자식 요소의 속성을 순서대로 평가한 후, 평가된 결과가 true인 첫 번째 자식 요소를 처리하고 표시합니다.
<symbol> 그래픽 템플릿 객체를 정의합니다. 이는 <use> 요소를 통해 인스턴스화할 수 있습니다.
<text> 텍스트를 정의합니다.
<textPath> <path> 요소의 형태에 따라 텍스트를 배치합니다.
<title> SVG 요소의 순수 텍스트 설명입니다. 사용자代理는 텍스트를 도구 툴팁으로 표시할 수 있습니다.
<tref> SVG 문서 내의 모든 <text> 요소를 인용하고 재사용합니다.
<tspan> <text> 요소와 같지만 text 태그 내부 및 자체 내부에 내장할 수 있습니다.
<use> SVG 문서 내에서 대상 노드를 얻고 다른 곳에 복사합니다.
<view> 이미지를 볼 수 있는 제한된 방법, 예를 들어 확대 레벨이나 상세 뷰와 같습니다.
<vkern> 두 문자 사이의 수직 거리를 정확하게 조정합니다.