はpanzoom

Question

私は内部の要素「G」とSVGを持ってhttps://github.com/ariutta/svg-pan-zoomライブラリ

を使用しているとSVGでスケールcoordsの中で特定のポイントにズームすることはできません。この要素は、私はそれが動作しません。しかし、（ビューボックスの内側にある）特定のポイント

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

に拡大したいビューボックス=「2727 -2840 1630 1115」

を持っています。 svgは明らかにビューボックスの外に移動しました。 panzoomは、最初のx、y = 0,0と見なし、ビューボックスは0になります。0 900 900 787

Answer 1

zoomAtPointレンダリングされたSVGポイントにズームしています。たとえば、あなたのオリジナルのSVGビューポートは1000で1000年だった場合が、ページ上のSVG要素は、400×400（およびfitオプションが有効になっている）サイズのものである：

• ズーム{x: 200, y: 200}には中央
• にズームします{x: 500, y: 500}にズームすると、SVGの外でズームされます（現在は400×400しかありません）。

これはマウスによるズーム処理が容易になるように行われました。特定のポイントをズームインする必要がある場合は、https://stackoverflow.com/a/33682381/1194327とhttps://github.com/ariutta/svg-pan-zoom/issues/183

をご覧ください