zoomAndPan
已棄用:此特性不再推薦。雖然某些瀏覽器可能仍然支援它,但它可能已經從相關的網路標準中刪除,可能正在刪除過程中,或者可能僅為相容性目的而保留。請避免使用它,如果可能,請更新現有程式碼;請參閱本頁底部的相容性表格以指導您的決策。請注意,此特性可能隨時停止工作。
zoomAndPan 屬性指定 SVG 文件是否可以被放大和縮小(平移)。
在此上下文中,放大是指對最外層的 SVG 文件片段應用補充的縮放(scale)和移動(translate)變換的效果。
平移(Panning)表示在響應使用者介面操作時,對 SVG 文件片段進行的移動(即,位移)變換。
你可以將此屬性與以下 SVG 元素一起使用
示例
html
<svg
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
zoomAndPan="disable">
<filter id="diffuseLighting" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic" zoomAndPan="1">
<fePointLight x="60" y="60" z="20" />
</feDiffuseLighting>
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#diffuseLighting)" />
</svg>
用法說明
| 值 | disable | magnify |
|---|---|
| 預設值 | magnify |
| 可動畫的 | 否 |
規範
| 規範 |
|---|
| 可縮放向量圖形 (SVG) 1.1(第二版) # ZoomAndPanAttribute |
瀏覽器相容性
svg.elements.svg.zoomAndPan
載入中…
svg.elements.view.zoomAndPan
載入中…