使用語境
| 分類 | None |
|---|---|
| 允許內容 | 可包含任意數量、任意順序的下列元素 描述性元素 |
屬性
保持長寬比-
此屬性定義了當 SVG 片段嵌入到具有不同 縱橫比 的容器中時，必須如何變形。值型別：(
none|xMinYMin|xMidYMin|xMaxYMin|xMinYMid|xMidYMid|xMaxYMid|xMinYMax|xMidYMax|xMaxYMax) (meet|slice)?; 預設值：xMidYMid meet; 可動畫：是 檢視框-
此屬性定義了圖案片段的 SVG 視口的邊界。值型別：<數字列表>；預設值：無；可動畫：是
zoomAndPan已棄用-
此屬性指定是否可以放大和移動 SVG 文件。值型別：disable | magnify；預設值：magnify；可動畫：否
DOM 介面
此元素實現了 SVGViewElement 介面。
示例
SVG
svg
<svg viewBox="0 0 300 100" width="300" height="100"
xmlns="http://www.w3.org/2000/svg">
<view id="one" viewBox="0 0 100 100" />
<circle cx="50" cy="50" r="40" fill="red" />
<view id="two" viewBox="100 0 100 100" />
<circle cx="150" cy="50" r="40" fill="green" />
<view id="three" viewBox="200 0 100 100" />
<circle cx="250" cy="50" r="40" fill="blue" />
</svg>
HTML
html
<img src="example.svg" alt="three circles" width="300" height="100" />
<br />
<img src="example.svg#three" alt="blue circle" width="100" height="100" />
結果
規範
| 規範 |
|---|
| Scalable Vector Graphics (SVG) 2 # ViewElement |
瀏覽器相容性
載入中…