A.5 テキスト・スタイル

テキスト・スタイルは、空間地物のラベル付けに使用されるフォントおよび色を定義します。

class属性には、"text"という値が含まれる必要があります。フォントには、スタイル(標準、イタリックなど)、フォント・ファミリ、サイズおよび太さを指定できます。フォアグラウンド・カラーを指定するには、fill属性を使用します。

次の例では、テキスト・スタイルを定義しています。

<?xml version="1.0" standalone="yes"?>
<svg width="1in" height="1in">
   <g class="text" style="font-style:plain; font-family:Dialog; font-size:14pt;
             font-weight:bold; fill:#0000ff">
    Hello World!
   </g>
</svg>

この例では、Map Builderツールなどのスタイル作成ツールでスタイルをプレビューする場合のみ、「Hello World!」というテキストが表示されます。このスタイルをマップに適用すると、マップ・ビジュアライゼーション・コンポーネントがテーマから取得する実際のテキスト・ラベルが提供されます。

テキスト・スタイルでは、地物の数が多いマップでラベルが読みやすくなるように、レンダリングされたテキストの周りに、白く浮き出たバックグラウンドを表示できます。図A-2は、文字の周りが白いバックグラウンドで囲まれたラベルVallejoを示しています。

図A-2 白いバックグラウンドを持つテキスト・スタイル

図A-2の説明が続きます
「図A-2 白いバックグラウンドを持つテキスト・スタイル」の説明

図A-2のような結果を得るには、テキスト・スタイル定義の<g>要素でfloat-width属性を指定する必要があります。次の例ではfloat-width属性(例では太字で表示)を使用して、各文字の境界に幅が3.5ピクセルの白いバックグラウンドを指定しています。(スタイルがラベルの表示に適用されると、Hello World!というテキストは無視されます。)

<?xml version="1.0" standalone="yes"?>
<svg width="1in" height="1in">
<desc></desc>
<g class="text"  float-width="3.5"  
   style="font-style:plain; font-family:Dialog; font-size:12pt; font-weight:bold;
     fill:#000000">
 Hello World!
</g>
</svg>