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