How to make smooth pinch-to-zoom with hammer.js?

Question

JavaScript

The project has an svg-frame that needs to be zoomed in the container using pinch-to-zoom. Everything would be fine, but scaling occurs with obvious delays due to brakes. At the same time, the display of the scale value in the text occurs instantly.
How to implement it? I saw many solutions, but they use scaling for the tag itself or for its parent, but this causes a problem: browsers scale internal svg elements as a raster, not a vector, while applying scaling to internal tags in svg is OK, but it slows down.
How to be?

Answer 1

www.pixijs.com
+
https://github.com/saschagehlich/pixi-svg-graphics