SVG支援 svg-support

「影像伺服」支援可縮放的向量圖形(SVG)檔案作為來源資料。 必須符合SVG1.1。

「影像伺服」只會辨識靜態SVG內容,不支援動畫、指令碼和其他互動式內容。

可以在允許影像檔案的任何位置指定SVG(URL路徑、src=mask=)。 點陣化SVG檔案的內容之後,會像處理影像一樣處理它。

與影像類似,SVG檔案也可以指定為影像目錄專案或相對檔案路徑。

替代變數 section-83b149f13f244193901df39b204c975b

$ *var*$替代變數可能包含在值字串<text>元素和任何元素屬性的SVG檔案中。

內嵌影像服務請求查詢部分的重要變數不會直接被取代。 相反地,所有可用的變數定義都會附加至請求,讓「影像伺服」在剖析請求時能夠取代變數。

如需其他資訊,請參閱替代變數

影像參考 section-a7680f9e6aca4b1a83560637cc9fac66

可以使用<image>元素將影像插入SVG中。 <image>專案的xlink::href屬性所參考的影像必須是有效的影像伺服要求。 不允許外部URL。

請指定以http://開頭的完整「影像伺服」要求,或以/is/image開頭的相對URL。 如果指定完整的HTTP路徑,則會從路徑中移除網域名稱,以轉換為相對格式。 使用完整HTTP路徑可能有所裨益,因為此路徑可讓協力廠商SVG轉譯器預覽檔案。

NOTE
在這個版本的「影像伺服」中,對轉譯影像的支援有限。 只有在傳統「影像伺服」分層與範本化機制不足以達成所要結果的情況下,才應使用從SVG內參考影像。 在任何情況下都不應使用SVG來產生多影像合成。
NOTE
目前,內嵌於SVG中的影像不會自動調整大小。 請確定所有影像href都包含必要的「影像伺服」命令,以設定所需的影像大小(例如wid=)。 如果未明確設定影像大小,則套用attribute::DefaultPix

色彩管理 section-ea76e2bc4e1842638aa97a2d470c8a68

所有內嵌在SVG檔案中,並透過替代變數傳遞至SVG範本的色彩值,都會被假設存在於sRgb色域中。

將影像嵌入到SVG中時,不會執行色彩轉換。 若要確保色彩精確度,請確定為所有內嵌影像要求指定icc=sRgb

點陣化之後,SVG影像會像其他影像一樣參與色彩管理。

範例 section-036cdd45abd449849ee00a8f21788c28

下列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

限制 section-daa5eccd07204aaf993be41e87822d54

SVG檔案必須是獨立的,並且不得參考任何次要檔案或資源,但「影像伺服」或「影像轉譯」請求(請參閱上文)所參考的外部影像除外。

僅呈現靜態內容。 動畫、互動功能(例如按鈕)等。 可能會出現,但可能不會如預期般呈現。

目前不支援ICC設定檔色彩規格。

可能有<script>個元素,但一律會忽略。

另請參閱 section-901dd1775fd24154a766dcfbe5032b67

src=遮罩=SVG1.1規格

recommendation-more-help
a26166cd-f2f4-45ce-996d-96a0f0d6cf49