SVG <switch> 요소

SVG <switch> 요소는 SVG 이미지에 텍스트를 그리기 위해 사용됩니다.

switch 요소는 직접 자식 요소의 requiredFeatures, requiredExtensions, systemLanguage 속성을 순서대로 평가한 후, 첫 번째 평가가 true인 자식 요소를 처리 및 표시합니다. 다른 자식 요소는 제외되어 표시되지 않습니다. 자식 요소가 컨테이너 요소인 경우 예를 들어 <g> 요소라면, 전체 서브 트리가 처리되어 표시되거나 모두 제외되어 표시되지 않습니다.

주의: display 속성과 visibility 속성의 값은 switch 요소 처리에 영향을 미치지 않습니다. 특히, switch 요소의 자식 요소에 display를 none으로 설정하면 switch 요소의 true/false 테스트 처리가 작동하지 않습니다.

Switch 요소

SVG 뷰어 사용자가 사용하는 언어에 따라 다른 형태를 표시할 수 있는 <switch> 요소입니다. 일반적으로 <switch> 요소를 다른 텍스트를 표시하는 데 사용하지만, 다른 형태를 표시할 수도 있습니다.

이것은 SVG <switch> 요소 예제입니다：

<switch>
　　　　<g　systemLanguage="en-UK">
　　　　　　　　<text　x="10"　y="20">UK　English</text>
　　　　</g>
　　　　<g　systemLanguage="en">
　　　　　　　　<text　x="10"　y="20">English</text>
　　　　</g>
　　　　<g　systemLanguage="es">
　　　　　　　　<text　x="10"　y="20">Spanish</text>
　　　　</g>
</switch>

사용자가 선택한 언어에 따라 <g> 요소 내부의 <switch> 요소 중 하나가 표시됩니다. 브라우저는 첫 번째 언어 일치를 사용합니다. 따라서 언어 코드에 대한 일치 항목만을 일치 항목으로 간주하며, 방언（예: en-UK）일반 언어（예: en）에 앞서 배치합니다。