SVGのサポート

画像サービングは、ソースデータとしてScalable Vector Graphics(SVG)ファイルをサポートします。 SVG 1.1への準拠が必要です。

画像サービングは静的SVGコンテンツのみを認識します。アニメーション、スクリプティング、その他のインタラクティブコンテンツはサポートされていません。

画像ファイルが許可されている場所（URLパス、src=、mask=）でSVGを指定できます。 SVGファイルのコンテンツがラスタライズされると、画像のように処理されます。

画像と同様に、SVGファイルは画像カタログエントリまたは相対ファイルパスとして指定できます。

代替変数

$ *var*$ 置換変数は、SVGファイルの値文字列要素と任意の要素属性 <text> に含めることができます。

重要埋め込み画像サービング要求のクエリ部分の変数は、直接置き換えられません。 代わりに、使用可能なすべての変数定義が要求に追加され、画像サービングは要求の解析時に変数を置き換えることができます。

詳しくは、代替変数を参照してください。

画像参照

画像は<image>要素を使用してSVGに挿入できます。 <image>要素のxlink::href属性で参照される画像は、有効な画像サービング要求である必要があります。 外部URLは許可されません。

http://で始まる完全な画像サービング要求か、/is/imageで始まる相対URLを指定します。 完全なHTTPパスを指定した場合、そのドメイン名はパスから削除され、相対形式に変換されます。 完全なHTTPパスを使用する方がメリットがある場合があります。これにより、サードパーティのSVGレンダラーでファイルをプレビューできます。

カラーマネジメント

SVGファイルに埋め込まれ、置換変数を使用してSVGテンプレートに渡されるすべての色の値は、sRgbカラースペースに存在すると見なされます。

画像がSVGに埋め込まれる場合、色変換は実行されません。 色の忠実性を確保するには、すべての埋め込みイメージリクエストに対してicc=sRgbを必ず指定してください。

ラスタライズ後は、SVG画像は他の画像と同様にカラーマネジメントに関与します。

例

次のSVGテンプレートは、画像参照と変数の使用を示しています。

<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg width="500" height="500"> <image x="50" y="50" width="400" height="400" xlink:href="/is/image?src=$img$&wid=300&hei=400"/> <text x="150" y="400" style="font-size:$pts$; fill:$color$"> Title: $txt$ </text> </svg>

このSVGテンプレートは次のように使用できます。

http://server/is/image/mySvgTemplate.svg?$txt=Svg%20Template%20Test&$img=myImage.tif&$color=red&$pts=40&qlt=95

制限事項

SVGファイルはスタンドアロンである必要があり、画像サービング要求または画像レンダリング要求で参照される外部画像を除き、セカンダリファイルやリソースを参照してはいけません（上記を参照）。

静的コンテンツのみがレンダリングされます。 アニメーション、ボタンなどのインタラクティブ機能 が存在するが、期待どおりにレンダリングされない場合があります。

現時点では、ICCプロファイルベースのカラー仕様はサポートされていません。

<script> 要素は存在しても常に無視されます。

関連項目

src= 、 mask=、 SVG 1.1の仕様