svg-pan-zoom Панорамирование и масштабирование до одного и того же места в разных размерах браузера

Панорамирование и масштабирование относятся к текущему размеру контейнера. Итак, вам нужно вычислить центральную точку видимой части SVG. Затем в новом окне вычислите, какой должна быть новая панорама, чтобы иметь точку SVG (которая была центром в предыдущем случае). Что касается зума, это зависит от того, как вы хотите, чтобы он работал, но вы можете использовать настоящий зум.

Чтобы получить размеры контейнера и реальный масштаб, используйте instance.getSizes().

Так, например, для вычисления оси x выполните:

var s = instance.getSizes()
var p = instance.getPan()
var relativeX = s.width / 2 / (p.x + s.viewBox.width * s.realZoom)

// After resize
var s = instance.getSizes()
var p = instance.getPan()
var x = (s.width / 2 / relativeX) - s.viewBox.width * s.realZoom
instance.pan({x: x, y: 0})

Сделайте то же самое для оси Y