svgpanzoom - 在重置时添加填充

svgpanzoom - add padding on reset

请告诉我有没有办法在按下重置时为 svg 设置一些填充?

库将它缩放到尽可能靠近边界,我想让重置工作如屏幕右侧所示。

目前无法从配置中实现。一些可能的解决方案:

使用自定义控件:

  • 禁用默认控件
  • 添加您自己的控件 (example)。
  • 初始化时 - 存储 SVG 平移和缩放值
  • 单击重置按钮时 - 使用此类值进行缩放和平移,以便对其进行填充

调整SVG:

您可以添加一个不可见的矩形,其大小为您的 SVG 加上填充。这样库会认为 SVG 尺寸有点宽,因此重置看起来像是有填充。

使用svgpanzoomzoomBy功能:

// Zoom by 98%
panZoomTiger.zoomBy(0.98)