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
加载中…