Я создал довольно простую карту хроноплетения в SVG и реализовал функцию масштабирования до ограничивающего прямоугольника, чтобы при нажатии на зону на карте она увеличивалась до тех пор, пока эта зона не заполнит область просмотра. Однако зум-переход очень резкий и медленный.
SVG генерируется в приложении React с React-Spring для переходов и анимации. Я решил убедиться, что проблема не связана с React. Тем не менее, я создал код и окно для проверки этого, которое содержит только визуализированный SVG и простой фрагмент javascript для запуска перехода между началом и концом масштабирования. Я вижу, что проблема не в React, потому что переход все еще прерывистый и медленный.
https://codesandbox.io/s/4qom1wmno9
Я ожидаю, что такая карта, которая не так сложна, не будет такой медленной в этом переходе. Он состоит из довольно простых геометрий; сгенерированный из файла топойсона, который весит менее 30 КБ и существует только 280 path отрисовок.