SVGのサポート

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

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

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

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

置換変数

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

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

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

画像参照

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

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

メモ

このリリースの画像サービングでは、画像のレンダリングのサポートが制限されています。 SVG内からの画像の参照は、従来の画像サービングのレイヤリングとテンプレート化のメカニズムが不十分で目的の結果を得られない状況でのみ使用してください。 いかなる場合でも、SVGを使用してマルチ画像コンポジットを生成する必要はありません。

メモ

SVGに埋め込まれた画像は、この時点で自動的にサイズ変更されません。 必要な画像サイズを設定するために必要な画像サービングコマンドがすべての画像HREFに含まれていることを確認します(例:wid=)。 画像サイズが明示的に設定されていない場合は、attribute::DefaultPixが適用されます。

カラーマネジメント

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=%24img%24&wid=300&hei=400&lang=ja"/> <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仕様

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now