English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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 英語</text>
    </g>
    <g systemLanguage="en">
        <text x="10" y="20">英語</text>
    </g>
    <g systemLanguage="es">
        <text x="10" y="20">スペイン</text>
    </g>
</switch>

ユーザーが選択した言語に応じて、该 <g> 要素内の <switch> 要素のうちの一つが表示されます。ブラウザは最初に一致する言語を使用します。言語コードの一致のみをマッチングと見なすため、方言(例えばen-UK)を一般的な言語(例えばen)の前に置きます。