1

https://github.com/ariutta/svg-pan-zoomライブラリを使用しています

内部に要素「g」を持つsvgがあります。この要素には、viewBox = "2727 -2840 1630 1115" があります。

特定のポイント (ビューボックス内) を拡大したい

panzoom.zoomAtPoint(2, {x: 3000, y: -2500});

しかし、うまくいきません。svg がビューボックスの外に移動したようです。パンズームの初期値は x,y = 0,0 で、ビューボックスは 0 0 900 787 です。

4

1 に答える 1

2

zoomAtPointレンダリングされた SVG ポイントを拡大しています。たとえば、元の SVG ビューポートが 1000 x 1000 で、ページ上の SVG 要素のサイズが 400 x 400 の場合 (およびfitオプションが有効になっている場合):

  • にズームする{x: 200, y: 200}と中心にズームします
  • ズームする{x: 500, y: 500}と、SVG の外側がズームされます (現在は 400 x 400 しかないため)。

これは、マウスによるズーム操作を簡単に行えるようにするためです。特定のポイントを拡大する必要がある場合は、 https://stackoverflow.com/a/33682381/1194327とhttps://github.com/ariutta/svg-pan-zoom/issues/183をご覧ください。

于 2016-07-13T22:32:34.077 に答える