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